Javascript AngularJS应用程序中带有路由的数据绑定
我正在使用Ionic启动一个新的Phonegap应用程序。它依赖于角度 因此,以下是观点:Javascript AngularJS应用程序中带有路由的数据绑定,javascript,angularjs,data-binding,cordova,ionic-framework,Javascript,Angularjs,Data Binding,Cordova,Ionic Framework,我正在使用Ionic启动一个新的Phonegap应用程序。它依赖于角度 因此,以下是观点: <ion-view title="'Login'" left-buttons="leftButtons"> <ion-content has-header="true"> <input type="text" ng-model="new_name" placeholder="Name"> {{new_name}}
<ion-view title="'Login'" left-buttons="leftButtons">
<ion-content has-header="true">
<input type="text" ng-model="new_name" placeholder="Name">
{{new_name}}
<input type="text" ng-model="new_text" placeholder="Message..." ng-keydown="addMessage($event)">
</ion-content>
</ion-view>
和配置:
.state('eventmenu.login', {
url: "/login",
views: {
'menuContent' :{
templateUrl: "templates/login.html",
controller: "LoginCtrl"
}
}
})
因此{new_name}}在更改上述输入时会更新,但控制器中$scope.new_name的值保持为“ININAMANE”,并且永远不会更改。触发该功能时,console.log会显示so
请注意,如果我添加一个带有ng controller=“LoginCtrl”的div,如下所示:
<ion-view title="'Login to Wallit'" left-buttons="leftButtons">
<ion-content has-header="true">
<div ng-controller="LoginCtrl">
<div ng-repeat="msg in messages"><em>{{msg.name}}</em>: {{msg.text}}</div>
<input type="text" ng-model="new_name" placeholder="Name">
{{new_name}}
<input type="text" ng-model="new_text" placeholder="Message..." ng-keydown="addMessage($event)">
</div>
</ion-content>
</ion-view>
{{msg.name}}:{{msg.text}
{{new_name}}
它工作得很好。模块配置中控制器的绑定应与常规控制器的工作方式相同
困惑。。。谢谢你的帮助 读一读:
本质上,您需要更好地理解嵌套作用域是如何工作的。如果将模型值封装在容器对象中,那么所遇到的问题应该会消失
ng-model="mycontainer.new_name"
{{mycontainer.new_name}}
$scope.mycontainer.new_name = 'ininame';
非常感谢。我确实需要提高角度技巧^^
ng-model="mycontainer.new_name"
{{mycontainer.new_name}}
$scope.mycontainer.new_name = 'ininame';