Question

我正在尝试让Razor显示一个下拉列表，其中包含data_bind attibutes for knockout

从

开始

 @Html.DropDownListFor(model => model.Form.selectedItem, Model.empty, new
               {
                    @class = "multiselected" 

               })

我已尝试过多种方法来使用字典对象

来添加数据

 { "data_bind" , MvcHtmlString.Create("options: optionSelected, optionsText: 'name', optionsValue: 'id', optionsCaption: 'Choose...'") }

这个

 "data_bind" = MvcHtmlString.Create("options: optionSelected, optionsText: 'name', optionsValue: 'id', optionsCaption: 'Choose...'") 

 "data_bind" = Html.Raw("options: optionSelected, optionsText: 'name', optionsValue: 'id', optionsCaption: 'Choose...'") 

"data_bind" = Html.Raw(MvcHtmlString.Create("options: optionSelected, optionsText: 'name', optionsValue: 'id', optionsCaption: 'Choose...'"))

无论我尝试什么，单引号都会更改为'。是什么给了什么？

修改

原来，淘汰赛并不介意引号，仍然可以绑定。其他问题与淘汰赛和数据属性无关。在列表/输入元素中。

Answer 1

即使单引号在html中被转义，也不会影响绑定，这会将它们正确地看作单引号。

ko.applyBindings({
  options: [{ name: 'first one', id: '1' },
            { name: 'second one', id: '2' }, 
            { name: 'third one', id: '3' }]
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>

<select data-bind="options: options, optionsText: &#39;name&#39;, optionsValue: &#39;id&#39;, optionsCaption: &#39;Choose...&#39;">
</select>

https://jsfiddle.net/oxtupfx8/

Razor在数据属性中转义单引号

1 个答案: