问题标签 [angular2-template]

我有一个组件，该组件将应过滤并显示在模板中的对象数组作为输入。

类中的定义如上。

这是我过滤数组的代码

在模板中我有这个代码

但它不起作用。我得到异常

任何想法我做错了什么？

可用于装饰具有路由功能的组件（@RouteConfig）的 RouteConfig 类具有为该组件定义的某些路由定义。现在，关键是在运行时（动态地）注入这些路由定义。

原因是，假设我有一个应用程序，其中我必须显示（UI）和定义（装饰）'n'个路由，每个路由对应于加载应用程序的帐户，因此对应于与之关联的权限该特定帐户。因此，在装饰器 @RouteConfig 中为组件预定义路由定义没有任何意义。

我的方法是在每次加载新帐户时进行服务调用。并且仅检索关联的路由并在运行时注入它们，以便导航到与该帐户的 UI 中显示的每个路由对应的其他相应组件。

在上面的代码片段中，假设我希望加载与登录到我的应用程序的卖家帐户相对应的卖家仪表板。现在，显示销售点仪表板或与卖家无关的任何内容（在我们的例子中，卖家的库存仪表板与卖家相关）没有任何意义。

简而言之，只注入那些需要的路由，而不是在同一个地方配置所有路由。

编辑1：

这个问题有一个简单的用例或场景，而不是在这篇文章中标记的副本（后来被问到）。这篇文章中提到的答案有更简单的方法，也更直观。

如何使用 Angular2 创建模块化视图？当我单击一个菜单项时，我想更新容器并离开我的菜单，只需更新一些类。我怎样才能做到这一点？

关于这个主题的任何可用资源？

-

更新

当我单击菜单项以转到我的应用程序中的不同页面时。例如，从“家”到“管理产品”。我想显示“管理产品”上下文，但不重新加载菜单（以及其他不需要重新加载的组件）

我根据 angular.io 入门项目使用种子结构。到目前为止一切正常。

现在我想更改顶部组件以从单独的文件中查看视图，但我遇到了麻烦。工作代码是：

然后我将模板更改为 templateUrl，如下所示：

templateUrl: 'app.component.html',

我在这个文件中的代码与以前完全相同

<h1>Angular2</h1>

似乎很明显可以工作，但事实并非如此。它不会吐出错误，但除了在入门演示中的“正在加载....”消息之外不显示任何内容

感谢您的帮助

彼得

想象一下，我有两个组件Parent和Child. Child用于收集Parent稍后需要的用户输入。

现在我正在考虑两种方法来实现这一点：

选项1：

Parent 基本上传递childData = {}给Child. Child写入东西data使其在Parent's中可用childData并在完成时发出done。

选项 2：

Child完成后发出done和相应的数据。

选项 2 似乎更好地遵循了 angular2 imho 的概念，但选项 1 使数据立即可用。你会考虑选项 1 不好的做法吗？

还有其他我没有想到的选择吗？

登录.js

logintpl.html

我如何在组件内使用 $scope.sayhello 变量。

eg: component template should be,template:'<login-dir></login-dir>{{sayhello}}

您好我正在尝试使用 Angular 2 创建一个具有排序功能的简单网格。下面是组件的结构。

我创建了一个 var isReverse 并在 sortData() 方法中对其进行了更改。当我单击列标题时，console.log() 会打印正确的值，但不会影响模板。我无法弄清楚这里出了什么问题。

谢谢

我有一个问题，有点让我无法将 Angular 2 和玉结合起来。

以下玉代码

翻译成

有谁知道解决方法？

更新
我找到了一种解决方法。但它真的很丑：

我对这样做的更好方法非常感兴趣。

我正在寻找一种设置本地模板变量的方法，该变量的值由组件提供。

零件：

模板：

如何标记 Angular 2 应用程序的版本？

存在一些问题，例如视图（通过templateUrl）在路由视图（子组件）中没有得到更新。我试过像

或者app/v1/boot和玩，base但它不工作。

注意：仅作记录，在开发时，缓存的模板（通过 引入templateUrl）会做一些令人讨厌的慢动作。应该使用隐身会话或清除浏览器等。我已经通过在一个模块中引入一个全局变量来解决这个问题，export var fileVersion = '?tmplv=' + Date.now();并在如下组件中使用它：

所以我只需刷新浏览器即可查看更改。在生产中使用fileVersion = '';或类似export var fileVersion = '?tmplv=v3';。