1

フォームの例:

<select ng-model="coffee.location">
    <option display-value='Some verbose message here' value="home">At home</option>
    <option display-value='Some verbose message here' value="work">At work</option>
    <option display-value='Some verbose message here' value="chain">Coffee Shop Chain (i.e. Starbucks &amp; Costa)</option>
    <option display-value='Some verbose message here' value="independent">Independent Coffee Shop</option>
</select>

表示要素の例:

<div>{{ coffee.location }}</div>

質問:表示(または必要な属性)option[value]を保持しながら 、Angular コントローラーに を受信させるにはどうすればよいですか?{{coffee.location}}option[display-value]

私の質問が明確であることを願っています。事前に乾杯。

4

1 に答える 1

0

何が機能したか (@dfsq 提供)

関連する JavaScript:

app.controller('SuggestionController', ['$scope', function($scope) {
    $scope.stringMap = {
        home:   'cosy up at home',
        work:   'lounge at work',
        chain:  'patrol the highstreet'
    };
}]);

関連する HTML:

<div id="some_parent" ng-app ng-controller="SuggestionController">
    ...
    <select ng-model="coffee.location">
        <option value="home">At home</option>
        <option value="work">At work</option>
        <option value="chain">Coffee Shop Chain</option>
        <option value="independent">Independent</option>
    </select>
    ...
</div>

{{stringMap[coffee.location]}}
于 2014-09-04T02:26:51.850 に答える