Javascript AngularJS-ng包含ng控制器和作用域不绑定

我有以下主要观点

<div ng-include="'otions.html'"></div>

当我点击按钮时，我没有看到

hello

，输入文本中也没有出现关键字

all

我尝试如下移动ng控制器部件

<div ng-controller="OptionsController" ng-include="'otions.html'"></div>

事情按预期进行

---

我通读了-中的答案，我认为我的问题是相关的，但需要更多的解释来理解发生了什么。

你应该这样写options.html：

<div ng-controller="OptionsController">Options
<input type="text" ng-model="keyword" value="{{keyword}}" />
<button ng-click="search()">Search</button>
</div>

选项
搜寻

optionController应该放在外部html元素中。

我面临同样的问题，

在main标记下，它可以正常工作，但是当将一些数据绑定到nav.html时，它就不工作了

查找此链接

内部包含其工作子范围。

---

创建自定义指令的更好选项它的简单解决方案

不确定它是否在这里，但也在源代码中：您包含的文件引用为

otions.html

，而不是

options.html

在源代码中，您仅为第一个

div

指定ng控制器，因此，您的输入和按钮不在控制器的范围内。可能是打字错误。如果不是，那可能是个原因。接得好，我错过了。在原始html中，输入在用控制器标记的div之外，因此scope变量不存在。

<div ng-controller="OptionsController" ng-include="'otions.html'"></div>

<div ng-controller="OptionsController">Options
<input type="text" ng-model="keyword" value="{{keyword}}" />
<button ng-click="search()">Search</button>
</div>