为什么这三个领域不能一起更新?

时间:2015-03-21 22:30:48

标签: angularjs

关注this video tutorial,我试图将三个文本输入绑定在一起。

但只有第一次更新。

这是my JsFiddle attempt

index.html相关部分:

<body ng-app="">

    <input type="text" placeholder="Your text" ng-model="data.message"></input>
    <h2>{{data.message}}</h2>

    <div ng-controller="FirstController">
         <input type="text" placeholder="Your text" ng-model="data.message"></input>
         <h2>{{data.message}}</h2>
    </div>

    <div ng-controller="SecondController">
        <input type="text" placeholder="Your text" ng-model="data.message"></input>
        <h2>{{data.message}}</h2>
    </div>
</body>

的script.js

function FirstController($scope){
}

function SecondController($scope){
}

我错过了什么?

请注意,我确实需要嵌套的div标签和控制器,因为目的是使用范围继承。

此外,控制器的这些全局函数定义是一种选择,因为我现在想保留视频作者方法,在我的实际项目中,我将使用包含使用模块var controller()方法的最佳实践)

0 个答案:

没有答案