Tag: angular

有angular度的HTML绑定

我正在编写一个Angular应用程序,并且我想要显示一个HTML响应。 我怎么做? 如果我只是使用绑定语法{{myVal}}它将编码所有的HTML字符(当然)。 我需要以某种方式将div的内部html绑定到variables值。 谢谢!

相当于Angular 2中的$编译

我想手动编译一些包含HTML的指令。 在Angular 2中, $compile的等价物是多less? 例如,在Angular 1中,我可以dynamic地编译HTML片段并将其附加到DOM: var e = angular.element('<div directive></div>'); element.append(e); $compile(e)($scope);

在Angular JS中的控制器之间传递数据?

我有一个基本的控制器,显示我的产品, App.controller('ProductCtrl',function($scope,$productFactory){ $productFactory.get().success(function(data){ $scope.products = data; }); }); 在我看来,我在列表中显示这个产品 <ul> <li ng-repeat="product as products"> {{product.name}} </li> </ul 我想要做的是当有人点击产品名称,我有另一个名为购物车这个产品被添加的视图。 <ul class="cart"> <li> //click one added here </li> <li> //click two added here </li> </ul> 所以我的疑问是,如何将这个点击的产品从第一个控制器传递到第二个? 我认为购物车也应该是一个控制器。 我使用指令处理单击事件。 另外我觉得我应该使用服务来实现上述function只是无法形象如何? 因为购物车将预定义数量的产品可能是5/10取决于用户是哪一页。 所以我想保持这个通用。 更新: 我创build了一个服务来广播,并在第二个控制器我收到它。 现在查询是如何更新dom? 由于我的产品清单非常硬编码。

代表团:Angular2中的EventEmitter或Observable

我正在尝试在Angular2中实现类似于委托模式的东西。 当用户点击一个nav-item ,我想调用一个函数,然后发出一个事件,这个事件又应该由其他组件监听事件。 这里是场景:我有一个Navigation组件: import {Component, Output, EventEmitter} from 'angular2/core'; @Component({ // other properties left out for brevity events : ['navchange'], template:` <div class="nav-item" (click)="selectedNavItem(1)"></div> ` }) export class Navigation { @Output() navchange: EventEmitter<number> = new EventEmitter(); selectedNavItem(item: number) { console.log('selected nav item ' + item); this.navchange.emit(item) } } 这里是观察部分: export class ObservingComponent { // […]

我如何select组件模板中的元素?

有谁知道如何获得在组件模板中定义的元素? 聚合物使$ $和$非常容易。 我只是想知道在Angular 2中如何去做。 以教程中的示例为例: import {Component} from '@angular/core' @Component({ selector:'display' template:` <input #myname(input)="updateName(myname.value)"/> <p>My name : {{myName}}</p> ` }) export class DisplayComponent { myName: string = "Aman"; updateName(input: String) { this.myName = input; } } 如何从类定义中捕获“P”或“input”元素的引用?

如何使圆angular的ImageView?

在Android中,默认情况下ImageView是一个矩形。 我怎样才能使它在ImageView中的一个圆angular的矩形(剪切掉我的位图的所有四个angular落是圆angular矩形)?

在RC.1中,某些样式不能使用绑定语法添加

样式喜欢 <div [style.background-image]="\'url(\' + image + \')\'">Background</div> <div [style.transform]="rotate(7deg)" 不再被添加

我如何使用/创builddynamic模板来编译dynamic组件与Angular 2.0?

我想dynamic地创build模板 。 这应该用于在运行时构build一个ComponentType ,并将其放置(甚至replace)它在宿主组件内的某处。 直到RC4我使用ComponentResolver ,但与RC5我得到的消息: 不推荐使用ComponentResolver进行dynamic编译。 @NgModule/@Component.entryComponents使用ComponentFactoryResolver和@NgModule/@Component.entryComponents或ANALYZE_FOR_ENTRY_COMPONENTS提供程序。 仅用于运行时编译 ,您也可以使用Compiler.compileComponentSync/Async 。 我发现这个(官方的angular2)文件 angular度2同步dynamic组件创build 并明白,我可以使用 使用ComponentFactoryResolver的dynamicngIf 。 如果我将传递已知的组件到一个@Component({entryComponents: [comp1, comp2], …}) – 我可以使用.resolveComponentFactory(componentToRender); 真正的运行时编译, Compiler … 但问题是如何使用该Compiler ? 上面的注释说我应该调用: Compiler.compileComponentSync/Async – 那么如何? 例如。 我想创build(基于一些configuration条件)这种模板的一种设置 <form> <string-editor [propertyName]="'code'" [entity]="entity" ></string-editor> <string-editor [propertyName]="'description'" [entity]="entity" ></string-editor> … 而在另一种情况下,这个( string-editor被replace为text-editor ) <form> <text-editor [propertyName]="'code'" [entity]="entity" ></text-editor> … 等等(不同的数量/date/参考editors按物业types,跳过一些用户的属性…) 。 即这是一个例子,真正的configuration可以产生更多不同和复杂的模板。 […]

Angular 2.0路由器无法重新加载浏览器

我正在使用Angular 2.0.0-alpha.30版本。 当redirect到不同的路由时,然后刷新浏览器,显示无法获取/路由。 你能帮我找出这个错误发生的原因吗?

在RxJs 5中分享Angular 2 Httpnetworking调用的结果的正确方法是什么?

通过使用Http,我们调用一个方法来进行networking调用并返回一个http observable: getCustomer() { return this.http.get('/someUrl').map(res => res.json()); } 如果我们把这个可观察的,并添加多个用户: let network$ = getCustomer(); let subscriber1 = network$.subscribe(…); let subscriber2 = network$.subscribe(…); 我们想要做的是确保这不会导致多个networking请求。 这可能看起来像一个不寻常的场景,但其实很常见:例如,如果调用者订阅observable以显示错误消息,并使用asynchronouspipe道将其传递到模板,则我们已经有两个订阅者。 在RxJs 5中做这件事的正确方法是什么? 也就是说,这似乎工作正常: getCustomer() { return this.http.get('/someUrl').map(res => res.json()).share(); } 但这是RxJs 5中这种做法的惯用方式,还是我们应该做一些其他的事情?