AngularJS 范围作为 HTML 属性值

Question

我正在尝试将 AngularJS $scope 用作 HTML 属性而不是可视文本。

main.js

var myApp = angular.module('myApp');

myApp.controller("buttonCtrl", ['$scope', function($scope){

$scope.johnny = [
    {quote: 'Anything for My Princess', controller: 'Princess'}
];

}]);

page1.html

<button ng-repeat="button in johnny" 
    ng-class="dynamic" 
    class="topcoat-button"
    ng-controller="{{button.controller}}"   <---- this is what does not work 
    ng-click="play()">
    {{button.quote}}
</button>

如何解决这个问题，以便将这些变量添加为属性值。

谢谢

Answer 1

Angular.js 这样做时有点奇怪，但这应该可以工作。此外，您使用 ng-repeat 错误，但它已在下面修复。

<button ng-repeat="johnny in buttons" 
    ng-class="dynamic" 
    class="topcoat-button"
    ng-controller="this.johnny.controller"
    ng-click="play()">
    {{johnny.quote}}
</button>