用它来定义角函数
用它来定义角函数
提问于 2015-05-12 20:04:09
我正在学习角度，并试图使用控制器，但ng点击不起作用(函数没有被调用)。chrome扩展Batarang告诉我们函数被定义为null，为什么？
angular.module('starter', ['ionic'])
.run(function ($ionicPlatform) {
$ionicPlatform.ready(function () {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if (window.StatusBar) {
StatusBar.styleDefault();
}
});
})
.controller("TodoControl", function Controller() {
var thisRef = this;
this.todos = [
{
text: "mein todo 1",
done: false
},
{
text: "mein todo 2",
done: true
}
];
this.newEntry = "hallo";
this.AddEntry = function () {
console.log("adding");
thisRef.todos.push({
text: this.newEntry,
done: false
});
thisRef.newEntry = "";
}
});<body ng-app="starter">
<ion-pane>
<ion-header-bar class="bar-stable">
<h1 class="title">Ionic Blank Starter</h1>
</ion-header-bar>
<ion-content>
<div ng-controller="TodoControl as ctr" class="container">
<form role="form">
<div class="form-group" ng-repeat="t in ctr.todos">
<div class="checkbox">
<label class="checkbox-inline">
<input class="form-control todoFormControl" type="checkbox" ng-model="t.done"><span>{{t.text}}</span></label>
</div>
</div>
</form>
<label><input class="todoNewTaskIn" type="text" placeholder="New Task" value="{{ctr.newEntry}}" Style="border: 1px solid gray;" ><button class="button" ng-click="ctr.AddEntry()">Add</button></label>
</div>
</ion-content>
</ion-pane>
</body>
这是一个离子型应用程序(因此包括离子的角度)
编辑:这里有一个js小提琴：http://jsfiddle.net/duowfLsn/
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-05-12 20:29:10
把你的按钮移出这个区域，它就能工作了。更新了您的示例
<label>
<input class="todoNewTaskIn" type="text" placeholder="New Task" value="{{ctr.newEntry}}" Style="border: 1px solid gray;" >
<button class="button" ng-click="ctr.AddEntry()">Add</button>
</label>变成了
<label>
<input class="todoNewTaskIn" type="text" placeholder="New Task" value="{{ctr.newEntry}}" Style="border: 1px solid gray;" />
</label>
<button class="button" ng-click="ctr.addEntry()">Add</button>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30200420
复制相关文章
相似问题
腾讯云开发者
