摘要：注意并不是一個的值組合，比如有方法，所以不能這樣獲取屬性。需要創(chuàng)建一個自己的應(yīng)用，并在初始化的時候替換掉里的。關(guān)于通知發(fā)生變化除了通過，還可以借助或者。

AVOS Cloud JavaScript SDK 負(fù)責(zé)把數(shù)據(jù)存儲在服務(wù)器，提供了 數(shù)據(jù)查詢，保存，更新等常用操作的方法。AngularJS 對于增刪改查類型的應(yīng)用場景非常合適。這塊主要用到了 AngularJS的 模板和綁定方面的特性。

這里主要說下 AVOS cloud Javascript SDK 與 AngularJS 結(jié)合使用的部分

AV.initialize("your app id", "your app key");

既然是與 AngularJS，這里可以有更優(yōu)雅的寫法，對于angular 來說初始化可以放在 模塊初始化的配置里面。

var module = angular.module("todoMod",[]);
    module.run(function() {
        AV.initialize("your app id", "your app key");
    });

        var Todo = AV.Object.extend("Todo");
        var todo = new Todo();
        todo.set("text",$scope.newTodo.text);
        todo.set("done",$scope.newTodo.done)
        todo.save(null, {
            success: function(result){
                $scope.$apply(function(){//使 angular 知道數(shù)據(jù)發(fā)生了變化
                    $scope.todos.push(todo.toJSON());
                });
            }
        });

我們知道一個 AngularJs 的model是一個 plain JavaScript Object，對于 AV Object， 需要用 set來設(shè)置屬性。注意 AV Object并不是一個 key,value的值組合，比如有 todo.save()方法，所以不能 todo[prop]這樣獲取屬性。需要走setter,getter方式。還有其他更優(yōu)雅的結(jié)合方式 下面再說。

這里還有一點需要注意，就是 $scope.$apply 這一行，因為數(shù)據(jù)的保存請求是通過AV Object 進行的，所以angular 并不知道發(fā)送了什么，需要告知angular todo數(shù)據(jù)發(fā)生了變化。

todo.toJSON()，todo 是一個 AVObject 類型實例，需要轉(zhuǎn)換成 angular 需要的數(shù)據(jù)格式。

        var Todo = AV.Object.extend("Todo");
        var query = new AV.Query(Todo);
        query.find({
            success:function (results){
                $scope.$apply(function(){
                    $scope.todos = JSON.parse(JSON.stringify(results));;
                })
            }
        })

這里需要注意 JSON.parse(JSON.stringify(results)), results 是一個普通的 js Array，但里面的元素都是 AVObject 類型的實例，需要轉(zhuǎn)化成 angular需要的數(shù)據(jù)格式。

查看源碼 ，下載下來直接打開 index.html 就可以看到效果了。

通過 AVOS Cloud 數(shù)據(jù)管理平臺查看，管理數(shù)據(jù)。需要創(chuàng)建一個自己的 應(yīng)用，并在初始化的時候 替換掉 AV.initialize 里的 AppId AppKey。

除了通過JSON方式，還可以用

Object.defineProperty(Todo.prototype, "title", {
      get: function() {
        return this.get("text");
      },
      set: function(aValue) {
        this.set("text", aValue);
      }
    });

這樣可以在 html 里直接通過 {{todo.text}} 訪問。

除了通過 $scope.$apply，還可以借助 $timeout 或者 $promise。

var defer = $q.defer();
        var query = new AV.Query(Todo);
        query.find({
          success : function(results) {
            defer.resolve(results);
          },
          error : function(aError) {
            defer.reject(aError);
          }
        });

        return defer.promise;

結(jié)合 AVOS Cloud JS SDK 和 AngularJS 可以實現(xiàn) MEAN 的全棧開發(fā)。其中 M(Mongo) E(Express) N(node) 由 AVOS Cloud 完成。