问用它来定义角函数
EN

Stack Overflow用户

提问于 2015-05-12 12:04:09

回答 1查看 74关注 0票数 1

我正在学习角度，并试图使用控制器，但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/

javascript

angularjs

ionic-framework

数字工厂场景解决方案

帮助企业实现数字化、智能化，解决企业工厂内设备数据采集、设备指标分析、企业信息系统间数据孤岛打通、数据应用困难的问题

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-05-12 12: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>