问题标签 [angular2-template]

我收到此错误 无法读取 null 的属性“过滤器”

当我在角度 2 中应用过滤器时。这是我的代码

http://plnkr.co/edit/K46jJsnmHiONuqIsnuzW?p=preview

我对 Angular 很陌生。我正在尝试使用 Angular 2 制作一个简单的 Web 应用程序，我允许用户从他们的本地计算机中选择和图像。然后我想在<img>标签中显示这个图像。稍后对图像执行操作，如旋转、更改比例、更改宽度……等。

这就是我的组件中的内容

但它根本不起作用。如何使用 Angular2 读取图像并更新 src 属性？

我只是想学习 Angular。:)

有没有更好更简单的方法来做到这一点？

我有一个名为 AppComponent 的（Angular 2）根组件，它使用另一个名为 Subcomp 的组件。App 将@Input()参数传递给 Sub。Sub 使用此变量在输入字段中进行单向绑定。

现在我...

1. 将参数的值设置为某个初始值（“start”）；这按预期显示在输入字段中。
2. 将输入字段中的文本更改为其他内容。
3. 单击按钮以编程方式将 AppComponent 中的值重置为“开始”。

然后我希望输入字段也重置为“开始”，但它会继续显示步骤 2 中更改的文本。这是正确的行为吗？

编码：

我正在尝试在 Angular 2 中创建 hello world。我正在使用这种架构： angular2-seed。

我做了以下事情。

使用然后安装 npm 包创建package.json文件。npm init这是我的 package.json 文件：

然后我做了一个tsconfig.json文件：

然后我创建了一个webpack.config.js文件，实际上我从这里复制了这个 angular2-seed 文件。

然后我创建了一个app目录，并在其中创建了app.ts：

在main.ts：

在vendor.ts：

在index.html：

这是我的代码： https ://dl.dropbox.com/s/d1xiqdinbxle5eq/testwell.zip?dl=0

我收到此错误：

未找到vendor.bundle.js和bundle.js文件

这是目录的屏幕截图：

如何消除此错误

我发送一个这样的事件进行删除

我如何与 childevent 一起发送另一个事件，它是用逗号分隔的吗？像这样？

对于编辑/更新请求，我应该向服务器请求什么 http，它是 http.put 也在服务器端吗，它是 server.put('url') 吗？

更新：

我已经更新了来自客户端的数据以更新现有数据我做了什么：

它没有进入更新，模式只有任务和任务详细信息

我知道我是否需要在 angular 1.3 或 1.4 中使用 3rd 方库。我需要对那个东西做出指令并在我们的项目中使用它。现在我正在使用angular 2.0。我想在angular 2 https://jqueryui .com/autocomplete/ 或这个 https://jsfiddle.net/2rgrmv4q/

我可以jquery在angular2.

1.我将如何在角度使用 3rd 方库。

2.我如何在角度2中自动完成jquery。

这是我的代码 http://plnkr.co/edit/BxMcNXLjVOJBAIiBGL5Y?p=preview

// 代码在这里

编辑：

这对我来说可能是一个更适用的问题，因为它更有用如何查看 Angular2 中 localStorage 的更改？

所以我的主要 app.component 带有导航栏和一个单独的登录页面。我想要的是当他们登录时他们可以看到菜单，否则他们看不到。如果我可以添加对 localStorage 事件的更改，那就太好了。这样，我可以制作一个菜单来动态更改 localStorage 事件。

我的登录组件：

我的登录服务：

我确定我的事件发射器有问题。我试图复制这篇文章Angular2 中已经回答的内容 - 在多个组件中“监视”提供程序属性，但我似乎无法弄清楚我做错了什么。

如果 localstorage 设置为显示菜单，我想要一些说明。谢谢！

我正在关注来自https://angular.io/docs/js/latest/guide/displaying-data.html的关于 Angular2 的教程，但它对我不起作用。让我知道我在这里缺少什么。

顺便说一句 - 我只使用 ES5。

代码在index.html-

在component.js-

如果我在浏览器中运行 idex.html，则会出现错误 -

ReferenceError：角度未定义

我的组件创建了一个自定义对象数组，其类型我在我的应用程序的其他地方定义，就像这样

现在在我的组件中，我运行 onInit 方法，与 REST 服务对话并推送到我的对象数组，就像这样......

一切都很酷，现在在我的模板中，我希望将我的数据输出到ngFor

索引是输出的，没有任何内容{{ school.yearRange }}, {{ school.schoolName }}。DOM 中也没有任何内容，当我应该将其更改为{{ school }}以下内容时写入 DOM： [object Object]我假设这些项目不是 JSON，但是当我写入控制台时，这些项目是 JS 对象，因为它是school. 有什么想法我可能做错了吗？