我正在學習Angular,並試圖獲得指令的把握,我試圖創建一個用於生成多項選擇題的指令。這是我希望得到的工作:Angular:使用指令創建問題
<question type="multiple-choice"
content="Hard tacos or soft tacos?"
options="{{ [
'Hard tacos!',
'Soft tacos!',
'Porque no los dos?'] }}"></question>
我不認爲角會明白,我想傳遞一個對象的問題指令的options
屬性。
這裏就是我的指令看起來像至今:
app.directive("question", function() {
return {
restrict: 'E',
scope: {
content: '@',
options: '&'
},
templateUrl: function(elem, attrs) {
return "partials/question-" + attrs.type + ".html";
}
}
}
這裏是我的模板(question-multiple-choice.html
):
<h3 ng-bind="content"></h3>
<div ng-repeat="option in options()">
<input type="radio" ng-value="option"> <span ng-bind="option"></span>
</div>
我收到以下錯誤,雖然,我不知道如何進行:
Syntax Error: Token '[' is unexpected, expecting [:] at column 4 of the expression [{{ [
'Hard tacos!',
'Soft tacos!',
'Porque no los dos?'] }}].
啊好的,這工作得很好。後續:我添加了一個新的屬性,標識符。我想將這個屬性的值設置爲我的控制器的作用域對象'answers'的ng-model(通過'ng-model =「answers [identifier]」')。我只是需要transclude:這是真的嗎? – Mephoros 2014-11-23 05:47:28
請檢查我的更新 – ryeballar 2014-11-23 06:03:21
Ahhh哇我不認爲我會想到這麼簡單。非常感激。用Angular包裝我的頭部肯定有很多! – Mephoros 2014-11-23 06:06:42