chinggo

這一篇其實是參考網路上一篇 TodoList 的教學文章，連結如下:

 

http://ithelp.ithome.com.tw/question/10095338

 

完整如下:

 

http://jsbin.com/zayivuyuti/4/edit

 

但這開始 Run 到上一篇的專案內就會跑出了一些問題

 

會 always 說 Controller 找不到，這還是一個挺嚴重的問題...

 

最後查了許多資料，其實要將我們的 ng-app 進行定義，並且將controller 進行 module 化才能夠使用

 

所以最後將程式修改如下

 

在需要引用 "TodoCrtl"進行以下修改

 

    angular.module('myApp', [])
    .controller('TodoCrtl', function ($scope) {
        $scope.newItem = '';
        $scope.todoList = [{ label: "Buy Milk" }, { label: "Pay phone bill" }];
        $scope.addItem = function () {
            if (this.newItem) {
                this.todoList.push({ label: this.newItem });
                this.newItem = '';
            }
        };
    });

 

並且將 Layput 的 ng-app 給予定義

 

ng-app="myApp"

 

如此便可順利找到我們的 controller~

 

Thx