HTML로 문자열이있는 범위 키에 액세스

Question

websocket을 통해 서버에서 동적으로 만들고 업데이트 한 버튼 목록을 표시하려고합니다. 내 범위는 다음과 같습니다

내 HTML에서

$scope = { 
    buttons: ["buttonA", "buttonB"], 
    buttonA: { caption: "OK" }, 
    buttonB: { caption: "Cancel" } 
}; 

, 나는, 버튼의 목록을 가기 위해 NG 반복을 사용하는 DOM에 추가하고로 사용할 각 버튼의 캡션 속성을 사용합니다 "value"속성.

하지만 HTML에서 json 필드에 액세스하는 방법을 모르겠습니다.

Answer 1

왜 모델을 좋아하는지 모르겠습니다. 당신은 다음과 같이 $의 scope.buttons의 버튼을 유지 할 수 있습니다

<div ng-app="myApp" ng-controller="MyCtrl"> 
    <div ng-repeat="b in buttons"> 
     <button>{{b.caption}}</button> 
    </div> 
</div> 
<script> 
var app = angular.module("myApp", []); 

app.controller("MyCtrl",function ($scope) { 
    $scope.buttons = [{ caption: "OK" }, { caption: "Cancel" }]; 
}); 
</script> 

당신이 범위의 "루트"에 각각의 버튼을하려는 이유,이 같은 검색 기능을 사용할 수있는 몇 가지 이유가있는 경우 :

<div ng-app="myApp" ng-controller="MyCtrl"> 
    <div ng-repeat="b in buttons"> 
     <button>{{lookup(b).caption}}</button> 
    </div> 
</div> 
<script> 
var app = angular.module("myApp", []); 

app.controller("MyCtrl",function ($scope) { 
    $scope.buttons = ["buttonA", "buttonB"]; 
    $scope.buttonA = { caption: "OK" }; 
    $scope.buttonB = { caption: "Cancel" }; 

    $scope.lookup = function(key) { 
     return $scope[key]; 
    } 
}); 
</script>