AngularJS 组件和 ng-change答案

【问题标题】：AngularJS Components and ng-changeAngularJS 组件和 ng-change
【发布时间】：2019-01-13 14:15:18
【问题描述】：

使用 AngularJS 和 Ui 路由器。问题场景：

我在 10 多个页面上有一组固定单选按钮每日、每周、每月和每年。

切换上面的单选按钮将执行 state.go，它将状态参数设置为所选单选按钮的值（使用 ng-change、ng-model）。

我在每一页上复制的当前代码。现在我想为这些单选按钮创建一个 AngularJS 组件。

<div>
<label>
   Daily
    <input type="radio" ng-model="dateModel" value="Daily" name="radioDateType"
           ng-change="SetDateTypeOption(dateModel)">
    <span class="checkmark"></span>'
</label>
<label>
   WTD
    <input type="radio" value="WTD" ng-model="dateModel" name="radioDateType"
           ng-change="SetDateTypeOption(dateModel)">
    <span class="checkmark"></span>
</label>
</div>

这是一个简化的 plunker（不工作），但你可以看到我想要实现的目标。首先 - 尽管已经使用了模板，但我什至无法显示单选按钮。第二 - 如果它能够显示，我希望它在我在单选按钮之间切换时显示警报（这是 ng-change 正在工作的测试）最后 - 我需要在每个 ng-change 上实现 $state.go。

https://plnkr.co/edit/N5CDz0ZBhSG1leq3Hiw2?p=preview

【问题讨论】：

标签： angularjs

【解决方案1】：

它没有加载的原因是你没有引导你的应用程序。只需将ng-app 指令添加到正文。其他一切都是正确的。

查看更新链接：https://plnkr.co/edit/P34c6im4ojUI69sQDfhh?p=preview

【讨论】：