javascript - 绑定(bind)属性值时出错 - Angular 包含和指令

Question

我试图根据从服务器收到的一些数据动态地包含一些指令。我问过this所以之前和现在指令已上传，但我在控制台中看到一些错误，这是我得到的:Syntax Error: Token 'type' is unexpected, expecting [:] at column 3 of the expression [{{type}}] starting at [type}}].

这是主页 html:

<div ng-repeat="type in bet.bet_types">
    <div ng-include src="getBetTypeById(type.id)"></div>
</div>

这是 getBetTypeById(id)范围内的函数:

    $scope.getBetTypeById = function(id)
    {
        switch(id)
        {
            case 1:
                return '/views/partials/1.html';
                break;  
...

这是 1.html:

<test-test bettype={{type}}></test-test>

这是 tets-test 指令:

var app = angular.module('soccerWinner', []);

app.directive('testTest', function()
{
    return {
        restrict: 'E',
        replace: true,
        scope:
        {
            bettype: '='
        },
        templateUrl: '/views/partials/directives/bettaype_soccer_winner.html',
        controller: function()
        {
            alert('dfd');
        }
    };
});

这是 bettaype_soccer_winner.html :

<h2>test</h2>

指令加载后没有任何警报，并且在控制台中看到上述错误。

我的做法有什么问题吗？我认为该问题与代码行 <test-test bettype={{type}}></test-test> 有关

这是一个类型的示例:

{"id":1,"name":"Winning Team or Tie","description":"Choose the winnig team.","schema":"{\n\t            \t'winnerId': 'integer',\n                    'options:' []\n\t            }","created_at":"2014-06-22 13:13:07","updated_at":"2014-06-22 13:13:07","pivot":{"bet_id":1,"bet_type_id":1},"userBet":""} 

Answer 1

您应该将模型传递到指令中。不是表情。删除大括号，应该可以解决问题。

<test-test bettype="type"></test-test>

干杯