我可以讓作用域在angularjs中擴展一個對象嗎？

Question

說我寫一個應用程序是這樣的：

<script> 

myArray=<?php echo $array;?>; 
app={ 
    myArray:myArray, 
    myIndex:myArray.length-1, 
    back:function(){this.myIndex--;console.log("You clicked back");}, 
    forward:function(){this.myIndex++} 
} 
</script> 

現在我想，所以我決定使用angularJS添加UI。所以，我寫這篇文章：

<div ng-app="myApp"> 
    <div ng-controller="AppCtrl"> 
     <div ng-repeat="value in myArray | slice:myIndex:myIndex+1"> 
      <div ng-cick="back()">Back</div> 
      <div ng-bind="value"></div> 
      <div ng-cick="forward()">Forward</div> 
     </div> 
    </div> 
</div> 

而且我得到這個

var myApp=angular.module('myApp', []) 

myApp.filter('slice', function() { 
    return function(arr, start, end) { 
    return arr.slice(start, end); 
    }; 
}); 

myApp.controller("AppCtrl",function($scope){ 
    $.extend($scope,app); 
}) 

然後我點擊後退按鈕，並在控制檯登錄「你點擊後退」，但價值不會改變。爲什麼JQuery沒有在這種情況下擴展工作，我如何才能使它正常工作？

Answer 1

$.extend將工作正常..但..你並不真的需要它..讀/手錶this。

解決您的問題......只是這樣做：

myApp.controller("AppCtrl",function($scope){ 
     $scope.app = app; 
    }) 

和。

<div ng-controller="AppCtrl"> 
    <div ng-repeat="value in app.myArray | slice:app.myIndex:app.myIndex+1"> 
     <button ng-click="app.back()">Back</button> 
     <div>{{value}}</div> 
     <button ng-click="app.forward()">Forward</button> 
    </div> 
    </div> 

希望能指出你在正確的方向。

更新

一個解決方案是使用控制器作爲語法...所以

myApp.controller("AppCtrl",function(){ 
    angular.extend(this,app); 
}) 

和

<div ng-controller="AppCtrl as app"> 
    <div ng-repeat="value in app.myArray | slice:app.myIndex:app.myIndex+1"> 
     <button ng-click="app.back()">Back</button> 
     <div ng-bind="value"></div> 
     <button ng-click="app.forward()">Forward</button> 
    </div> 
    </div> 

在第一示例$scope.app具有上下文（因爲它你混入的前鋒，後衛等）。