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從然后調用它來獲取綁定。）