我创建了一个自定义指令并将选择器值设置为“ [除非指令] ”。

该指令获取一个布尔值并使用它来更改视图，如下所示：

在我的模板中，我尝试像这样传递条件：

当我运行代码时，出现此错误：

例外：模板解析错误：无法绑定到 'givenBoolean'，因为它不是已知的本机属性（“...仅在输入 'false' wad 时显示！”）：StructualDirectivesComponent@47:39

我想我的语法是错误的，但我找不到在哪里或为什么？

我在Angular2 Docs上查找了它，但该示例对输入和选择器使用相同的名称，这是我试图避免的事情。

谁能知道更好的方法或可以找到我的语法问题？

谢谢。

这在之前的几篇文章中都被问到过。我能够让它以某种方式工作，但我无法让它以这种方式工作。

参考这个

MaterialDesignLiteUpgradeElement.ts

PrivateServersComponent.ts

私人服务器.html

UI 未正确呈现。我收到以下错误消息

它可以在没有directives:[mdl]和添加的情况下正常工作componentHandler.upgradeAllRegistered()

编辑

我对构造函数进行了如下更改

它工作正常。

但是，我收到以下错误：

它在初始加载时工作正常，但是当我将选项卡切换回这个选项卡时，它给了我这个错误。

我还尝试将MaterialDesignLiteUpgradeElement修改如下，但它不起作用。

我需要弄清楚如何为组件提供不同的视图（html+css）。很多人说最好为每个视图有多个组件，然后使用服务进行交互，但我的情况如下：我有一个控制器，其视图基本上是一个布局。假设我的布局顶部有 3 个窗格，底部有一个窗格。现在我的视图中有按钮，可以将布局更改为顶部的两个窗格和底部的两个窗格。所以基本上我的数据没有改变。它只是对 html 和 css 的更改。此外，如果第一个布局填充了一些数据，我不想在更改布局时更改或重新初始化它，因为更改只是对布局的更改，而不是数据。

我很难弄清楚如何在 angular2 中实现这一点。有任何想法吗？

嗨，我有一个想要切换到多个布局的网页。类似于 codepen.io。在angular2中最好的方法是什么？

假设我有 4 个布局。我可以放置*ngIf="layout1"第一个布局，然后*ngIf="layout2"放置第二个布局，依此类推。但这是最好的方法吗？请注意，更改布局时，html 和 css 都会更改。

我正在尝试为复选框等输入创建一个包装器组件，但我无法更改父 (inputValue) 变量，即使它设置为 ngModel。

这是我的组件定义：

我在父视图中像这样使用它：

控制台确实记录正确，我可以看到内部（inputValue）正在更新，但外部“valueToUpdate”没有更新（ngModel 双向绑定没有正确更新）。

我正在使用 angular2，我有一个下拉列表，并且我有一个要在(change)事件中调用的函数。但是这个事件没有触发。以下是我的代码

下拉列表正在加载，但onSelect(value)功能未触发！请有人帮忙！！

我对组件进行了以下设置。
Boot.ts
|__Home.ts
|__Aboutus.ts
|__contactus.ts

引导.ts

authOutlet.ts

如果我开始获取 url 值，那么我可以在IF下面某处使用的条件下使用它。还有其他方法吗？或者我应该怎么做才能获得那个 url 值？

我编写了一个非常简单的 Angular2 小应用程序，用于生成练习表。但是，当我部署应用程序时，ngIf 似乎不起作用（我的ISP 默认网络服务器或我自己的Heroku /local 部署的 node-http-server）。当我在我的开发节点服务器 () 上运行完全相同的代码库时，npm startngIf 按预期工作。

如果有人对我如何调试有一些指导，我将非常感激，或者如果我只是做错了什么......

这是相关代码

src/template.html

应用程序.ts

当应用程序在本地启动时，我看到“单击左上角的单词 (<click>)”（如在此plunker 链接中看到的），但是当我部署应用程序时，我只看到“单击左上角的单词”。我之前在部署中发现了与 ngFor 类似的问题。但是，我确实在 dev 和 deploy 中都看到了以下代码

所以模板正在被处理，至少在某种程度上是这样。我最好的猜测是，当我通过gulp生成bundle.js ordependencies.js文件时一定有问题。不过，我在开发或通过 Chrome 开发控制台部署站点上没有看到任何 Javascript 错误。

以下是我的 gulpfile 中的一些相关任务。

我正在使用 Angular2.0.0-beta.7。我的 gulp 部署管道还使用了 Webpack1.12.2，配置如下：

webpack.config.js

我使用 JSPM 安装了 Angular 2 (beta.6)。然后，当我启动我的应用程序时，我收到需要“反射元数据”的消息（另请参见Angular2 + Jspm.io：使用类装饰器时需要反射元数据垫片）。也通过 JSPM 安装它可以解决问题。

但后来我偶然发现了下一个问题。ngFor 没有给我预期的行为。当我将记录添加到组件列表时，它不会得到更新。我尝试通过单击事件处理程序和 setTimeout 等添加它们，但它似乎没有触发所谓的“应用程序滴答”。

我可以使用 [routerLink] 在 View 中完美导航。当我尝试使用this.router.navigate(['/Todos'])或this.router.navigateByUrl('/todos')浏览组件时，最初路由器正确更改为index.html#/todos然后路由器会自动更改为index.html?#/login。我不知道为什么会这样。谁能帮我？提前致谢。

app.component.js

引导.js

登录.js