我正在努力学习淘汰赛,并提出了一个问题。Knockout JS if if else to display different html based on value
我想如果子句中使用劫,但似乎无法去解决它自己
我的剧本至今看起来像
<script>
var SimpleListModel = function (items) {
this.questionType = ko.observable("");
this.items = ko.observableArray(items);
this.itemToAdd = ko.observable("");
this.addItem = function() {
if (this.itemToAdd() != "") {
var qt = $("#question-type").data("kendoDropDownList");
this.questionType(qt.value());
console.log(qt.value());
this.items.push(this.itemToAdd()); // Adds the item. Writing to the "items" observableArray causes any associated UI to update.
this.itemToAdd(""); // Clears the text box, because it's bound to the "itemToAdd" observable
}
}.bind(this); // Ensure that "this" is always this view model
};
$(document).ready(function() {
ko.applyBindings(new SimpleListModel([]));
});
</script>
我的HTML看起来像
<button type="submit" class="btn pull-right" data-bind="enable: itemToAdd().length > 0"><i class="icon-plus"></i>Add Question</button>
<div id="questions" data-bind="foreach: items">
<div class="question-item">
<label data-bind="text: $data" class="q-label"></label>
<textarea placeholder="Answer" class="q-answer"></textarea>
<!-- ko if: questionType()==="ABC" -->
Display ABC
<!-- /ko -->
<!-- ko if: questionType()==="DEF" -->
Display DEF
<!-- /ko -->
</div>
<div class="clear"></div>
</div>
我需要做什么,以获得ko如果:questionType正常工作?
我已经更新了questionType的设置的建议,但是我正在一个错误Uncaught Error: Unable to parse bindings. Message: ReferenceError: questionType is not defined; Bindings value: if:questionType()==="Comment"
'this.questionType = qt.value();'是不是要设置观察到的值的有效方法。你需要传递新的值作为参数:'this.questionType(qt.value());' – Tyrsius 2012-08-04 04:57:06