指令隔离作用域中的数据绑定

Data binding in directive isolated scope

本文关键字：数据绑定 作用域 隔离 指令      更新时间：2023-09-26

我想创建一个具有独立作用域的指令，但我无法使其工作。

jsFiddle

我想在指令范围内隔离年龄模型。我想对该模型执行一些业务逻辑，然后将该模型设置为父绑定。我希望小提琴能解释问题。

我还在模板中添加了一个按钮，当点击它时，应该会调用一个提交功能：

<button ng-click="submit()">click me</button>

按钮似乎工作正常，但为什么$scope.$watch()没有开始触发？在正常情况下，如果我更改视图值，它将自动更新模型值。但现在不是了。

$watch需要一个美元符号，您可以传递一个函数或一个在您的作用域上求值的字符串，即：

$scope.$watch('age', function(value) {

你的代码中还有更多的错误，例如，你没有一个名为"age"的声明变量，所以这一行将引用window.age并给你一个错误，因为它是未定义的，你需要说$scope.age我认为：

age = age+10;

看起来你更新后的小提琴就像一个游乐场，希望这些能为你指明正确的方向。我建议浏览egghead.io棱角分明的视频。

相关文章：