如何修复嵌入式模板上任何指令都不使用的属性绑定ng-forOf？[副本]
我试图设置一个简单的ng-for来遍历angular中的一个项目列表，但遇到了问题。我已经在Angular2异常中尝试了解决方案：无法绑定到'ng for'，因为它不是已知的本机属性（修复丢失#)，但没有成功。
EXCEPTION: Template parse errors:
Can't bind to 'ng-forOf' since it isn't a known native property ("<div class="ui link cards">
<div class="card" [ERROR ->]*ng-for="#project of projects">
<div class="image">
<img src="{{project.illustrat"): Projects@1:22
Property binding ng-forOf not used by any directive on an embedded template ("<div class="ui link cards">
[ERROR ->]<div class="card" *ng-for="#project of projects">
<div class="image">
<img src="{"): Projects@1:4
import * as stylesheet from '../assets/styles/app.scss';
import $ from 'jquery';
import jQuery from 'jquery';
// export for others scripts to use
window.$ = $;
window.jQuery = jQuery;
import 'zone.js/lib/browser/zone-microtask';
import 'reflect-metadata';
import 'babel-polyfill';
import {provide} from 'angular2/core';
import {bootstrap} from 'angular2/platform/browser';
import {App} from './app.component.js'
bootstrap(App, []);
import {Component} from 'angular2/core';
import {Projects} from '../app/projects/projects';
@Component({
selector: 'my-app',
template: '<projects>Loading...</projects>',
directives: [Projects]
})
export class App {
constructor(projects:Projects) {
this.projects = projects;
console.log(this.projects);
}
}
<html>
<body>
<my-app>
<ng-content></ng-content>
</my-app>
<script src="dist/app.js"></script>
</body>
</html>
import {Component, View} from 'angular2/core';
import {NgFor} from 'angular2/common';
@Component({
selector: 'projects, [projects]'
})
@View({
//templateUrl: '/app/projects/projects.html',
directives: [NgFor],
template: "<div *ng-for='#project of projects'> <p>{{project.description}} </div>",
})
export class Projects {
constructor() {
this.projects = [
{
"customer": "Matt Giampietro",
"description": "Lorem ipsum dolor sit amet…",
"name": "project #1"
},
{
"customer": "test",
"description": "Lorem ipsum dolor sit amet…",
"name": "project #2"
}
]
}
}
- 如何解决此问题？
- 使用内部/外部模板（即
templateurl) 都失败
共有1个答案
ng-for在最近的Angular版本中不正确。模板更改为区分大小写。现在这应该是ngfor
请参阅还不能绑定到'ng-forof'，因为它不是已知的本机属性
-
我在以前的项目中也遇到过这种情况，还在想办法。有线索吗？ 对Ionic2&Angular2来说还是新的。
-
我有一个包括几个子模式的用户模式。我有两个相似的子模式，其中一个是可以识别的，但另一个是一直未定义的。我的用户架构如下： 在上面的模式中，我有一个项目在post路线中工作得很好。表单已正确发布、保存和显示,但无法发布跟踪器的相同路由,并给出“跟踪器未定义”错误： 项目后路由： 以下是追踪者的帖子： 请注意，项目模式和跟踪器模式都保存在一个模型文件夹中，并且在app.js中是必需的
-
问题内容： 我认为开箱即用的指令上使用众所周知的角度属性应该很容易。 例如，如果我的指令名称是myDirective，我想以这种方式使用它： 无需像下面的示例一样定义自定义点击属性（onClick） 似乎ng-click可以工作，但是您也需要在指令标签上也指定ng-controller，这也是我所不希望的。我想在周围的div上定义控制器 是否可以在指令上使用ng-click以及在父html元素上定
-
我试图在这里遵循基本的Angular 2教程： https://angular.io/docs/js/latest/guide/displaying-data.html 我可以让angular应用程序加载并显示我的名字，代码如下： 但是，当我尝试添加字符串数组并尝试使用ng for显示它们时，它会抛出以下错误： 以下是代码： 我错过了什么？
-
问题内容： 我正在尝试创建一个自定义组件，该组件使用从内而外的指令使用动态ng-model。 例如，我可以调用不同的组件，例如： 使用如下指令： 想法是，如果模型发生更改，则指令中的文本框将发生更改，反之亦然。 事实是，我尝试了不同的方法，但都没有成功，您可以在此处检查以下方法之一：http : //plnkr.co/edit/7MzDJsP8ZJ59nASjz31g?p=preview在此示例中
-
英文原文：http://emberjs.com/guides/templates/binding-element-attributes/ 除了普通文本，你可能也希望在模板中包含可以将其属性绑定到控制器的HTML元素。 例如，想象一下你的控制器中包含这样一个属性，它包含指向一幅图像的URL地址： 1 2 3 <div id="logo"> <img {{bind-attr src=logoUr