KnockoutJS数据绑定选项

Question

 var vm = { WeatherId: ko.observable(), WeatherConditions: [{ Id: '1', Name: 'Sunny' }, { Id: '2', Name: 'Rainy' }, { Id: '3', Name: 'Cloudy' }, { Id: '4', Name: 'Snowy' }] }; ko.applyBindings(vm); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script> <select data-bind="options: WeatherConditions, value: WeatherId, optionsText:'Name', optionsCaption: 'Select today weather'"> </select> 

我有这个KO数据绑定代码段，在这里我想将optionsCaption设置为“选择今天的天气”。 我无法在中间插入撇号-需要帮助。

Answer 1

用反斜杠转义撇号\\

optionsCaption: 'Select today\\'s weather'">

 var vm = { WeatherId: ko.observable(), WeatherConditions: [{ Id: '1', Name: 'Sunny' }, { Id: '2', Name: 'Rainy' }, { Id: '3', Name: 'Cloudy' }, { Id: '4', Name: 'Snowy' }] }; ko.applyBindings(vm); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script> <select data-bind="options: WeatherConditions, value: WeatherId, optionsText:'Name', optionsCaption: 'Select today\\'s weather'"> </select> 

Answer 2

您只需要转义' ： today\\'s ：

 var vm = { WeatherId: ko.observable(), WeatherConditions: [{ Id: '1', Name: 'Sunny' }, { Id: '2', Name: 'Rainy' }, { Id: '3', Name: 'Cloudy' }, { Id: '4', Name: 'Snowy' }] }; ko.applyBindings(vm); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script> <select data-bind="options: WeatherConditions, value: WeatherId, optionsText:'Name', optionsCaption: 'Select today\\'s weather'"> </select> 

这不是KnockoutJS，而是基本的JavaScript。 要将'放在'引号中的字符串中，请使用转义符： today\\'s 。

请记住， data-bind属性的内容是不带{和}的JavaScript对象初始化程序，其内容在一系列with块中进行求值以提供上下文。 （从字面上看。Knockout生成函数的文本来执行此操作，在嵌套级别使用所需数量的with块代码，并return {" + theDataBindAttributeText};最后，然后使用new Function从然后调用它来获取绑定。）