问题标签 [angular2-template]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - 如何以角度将一个组件移动到另一个组件？
你能告诉我如何以角度将一个组件移动到另一个组件吗？我想在用户单击按钮时显示第二页..它应该显示这个组件
angular - Angular 2 指令绑定
我想将自定义指令中的“ngFor”索引绑定为属性我做错了什么？
这段代码：
我得到这个错误：
angular - 如何将值从一个组件发送到另一个组件？
我制作了一个组件，其中有一个输入字段和按钮。单击按钮时，我正在显示第二个组件。我想将数据从一个组件发送到另一个组件？
我如何将数据从一个组件发送到另一个..我需要发送输入值（无论用户在输入字段中输入什么）我需要在下一个组件或下一页上显示。点击按钮。如何发送数据？这是我的 plunker http://plnkr.co/edit/IINX8Zq8J2LUTIyf4DYD?p=preview
angular - 自定义 angular2 表单输入组件，在组件内具有两种方式绑定和验证
有没有办法制作双向绑定输入组件，也可以在组件内部进行验证？
我想要实现的是拥有一个可以在我的表单中排列的组件，如下所示：
我有以下设置，但不知道如何正确设置：
组件：
应用程序：
我还做了一个 Plunker 来说明我的问题：http ://plnkr.co/edit/0vXjHbQmv7v7EKQcLWaa?p=preview
http - Angular 2 中的 WebComponent 方法对性能没有影响吗？
Angular 2 用 Web 组件和模板替换了控制器。所有这些文件都是从服务器单独请求的，不是吗？由于额外的往返行程（至少要获取模板 html），这不是性能问题吗？
typescript - Angular2 与 TypeScript：将组件导入组件
我正在尝试将我制作的组件导入到主组件中，但它没有正确呈现，仅<helloworld>Testing...</helloworld>显示在浏览器上
这是我的主要 component.ts 文件：
这是我正在导入的组件文件
这是另一个 component.ts 文件：
这是 tsconfig，我正在使用 vs 代码 ide
这是html文件
javascript - 如何检测Angular2中日期对象的变化？
使用 setDate 方法修改的日期对象不会在模板中更新。
在模板中：
在组件中：
但是当我调用 nextDay 函数时，模板没有更新为新值。
我可以让变更检测工作的唯一方法是这样做：
有没有更好的方法来完成同样的任务？
jquery - Angular2 - 删除单击删除按钮的行或列
我们可以使用 jquery 轻松删除类似的内容，但是我们可以使用 angular 来执行类似的操作吗？
在 Component.ts 中：
如何在此处访问引发事件的行或单元格元素？
javascript - ngFor 中的 Angular2 组件抛出错误（viewFactory 不是函数）
我在 Angular 2 应用程序（测试版 1）中有一个 ComponentB。在我将它放在 ComponentA 的 ngFor 循环中之前，它工作得非常好。我收到了相当神秘的错误：
例外：TypeError：viewFactory_ComponentB0 不是 [ComponentA@1:23 中的数字]BrowserDomAdapter.logError @ angular2.dev.js:22690BrowserDomAdapter.logGroup @ angular2.dev.js:22701ExceptionHandler.call @ angular2.dev.js:1163 中的函数（匿名函数）@ angular2.dev.js:12416NgZone._notifyOnError @ angular2.dev.js:13324collection_1.StringMapWrapper.merge.onError @ angular2.dev.js:13228run @ angular2-polyfills.js:141（匿名函数）@ angular2 .dev.js:13247NgZone.run @ angular2.dev.js:13209(匿名函数) @ angular2.dev.js:12499schedulerFn @ angular2.dev.js:12742tryCatcher @ Rx.js:31Subscriber.next @ Rx.js:9500Subject ._next @ Rx.js:9999Subject.next @ Rx.js:9963EventEmitter.emit @ angular2.dev.js:12723(匿名函数) @ angular2.dev.js:13140run @ angular2-polyfills.js:138NgZone._notifyOnTurnDone @ angular2 .dev.js：13139（匿名函数）@ angular2.dev.js:13254zoneBoundFn @ angular2-polyfills.js:111lib$es6$promise$asap$$flush @ angular2-polyfills.js:1305 angular2.dev.js:22690 原始异常：TypeError： viewFactory_ComponentB0 不是函数BrowserDomAdapter.logError @ angular2.dev.js:22690ExceptionHandler.call @ angular2.dev.js:1172(匿名函数) @ angular2.dev.js:12416NgZone._notifyOnError @ angular2.dev.js:13324collection_1.StringMapWrapper。 merge.onError @ angular2.dev.js:13228run @ angular2-polyfills.js:141（匿名函数）@ angular2.dev.js:13247NgZone.run @ angular2.dev.js:13209（匿名函数）@ angular2.dev。 js:12499schedulerFn@angular2.dev.js:12742tryCatcher@Rx.js:31Subscriber.next@Rx.js:9500Subject._next@Rx.js:9999Subject.next@Rx.js:9963EventEmitter.emit@angular2.dev.js: 12723（匿名函数）@ angular2.dev.js：13140run @ angular2-polyfills.js:138NgZone._notifyOnTurnDone @ angular2.dev.js:13139（匿名函数）@ angular2.dev.js:13254zoneBoundFn @ angular2-polyfills.js:111lib$es6$promise$asap$$$flush @ angular2 -polyfills.js:1305 angular2.dev.js:22690 原始堆栈跟踪：BrowserDomAdapter.logError @ angular2.dev.js:22690ExceptionHandler.call @ angular2.dev.js:1175（匿名函数）@ angular2.dev.js:12416NgZone。 _notifyOnError @ angular2.dev.js:13324collection_1.StringMapWrapper.merge.onError @ angular2.dev.js:13228run @ angular2-polyfills.js:141（匿名函数）@ angular2.dev.js:13247NgZone.run @ angular2.dev。 js:13209(匿名函数)@angular2.dev.js:12499schedulerFn@angular2.dev.js:12742tryCatcher@Rx.js:31Subscriber.next@Rx.js:9500Subject._next@Rx.js:9999Subject.next@Rx。 js:9963EventEmitter.emit @ angular2.dev.js:12723(匿名函数)@angular2.dev.js:13140run@angular2-polyfills.js:138NgZone._notifyOnTurnDone@angular2.dev.js:13139(匿名函数)@angular2.dev.js:13254zoneBoundFn@angular2-polyfills.js: 111lib$es6$promise$asap$$flush @ angular2-polyfills.js:1305 angular2.dev.js:22690 TypeError: viewFactory_ComponentB0 不是 AppViewManager_.createEmbeddedViewInContainer ( angular2.dev.js:9185) 在 ViewContainerRef_.createEmbeddedView (angular2.dev.js:5890) 在 NgFor._bulkInsert (angular2.dev.js:14608) 在 NgFor._applyChanges (angular2.dev.js:14567) 在 NgFor。 ngDoCheck (angular2.dev.js:14552) 在 AbstractChangeDetector.ChangeDetector_ComponentA_0.detectChangesInRecordsInternal (viewFactory_ComponentA:45) 在 AbstractChangeDetector.detectChangesInRecords (angular2.dev.js:7825) 在 AbstractChangeDetector.runDetectChanges (angular2.dev.js:7808) 在 AbstractChangeDetector._detectChangesInViewChildren (angular2.dev.js:7892)
组分A：
任何提示/帮助高度赞赏。
angular - 服务事件不会正确影响模板
在谷歌中进行身份验证，使用 Angular2。
首先，在 HTML 中，我加载了 google api 库：
在 Angular2 服务中，我处理 google auth 数据并发出事件以通知组件是否 google api 已准备好：
在这里，在组件中，我选中复选框，或禁用按钮，并执行其他模板操作。
看起来一切都应该工作，但浏览器（Chrome，FF）中存在奇怪的错误 - 如果页面加载到活动浏览器的选项卡上 - 看起来没有任何反应 - 复选框没有检查，如果我在浏览器加载页面时及时打开其他选项卡，所有没关系。
如何解决？是 Angular 错误还是我做错了？