0

私のコードはjsFiddleにあり、以下はそのコードの c/p です。私の質問は、月曜日のオプションをクリックしたときに["Mon"] ではなくMonというテキストだけを取得する方法と、月曜日と木曜日を複数選択したときにMon、Thuを取得する方法です (つまり、要点: Tueを取得します)。 、火曜日、水曜日、土曜日のオプションが選択されている場合は、水曜日、土曜日)。明らかな何かが欠けているに違いないので、正しい方向に導いてください。

html:

 <div ng-app ng-controller="Controller">
    <select multiple="multiple" ng-model="day" ng-options='day.id as day.name for day in days'></select>

    {{day}}
</div>

js:

function Controller($scope) {
    $scope.days = [
        {
            name: "Monday",
            id: "Mon"
        },
        {
            name: "Tuesday",
            id: "Tue"
        },
        {
            name: "Wednesday",
            id: "Wed"
        },
        {
            name: "Thursday",
            id: "Thu"
        },
        {
            name: "Friday",
            id: "Fri"
        },
        {
            name: "Saturday",
            id: "Sat"
        },
        {
            name: "Sunday",
            id: "Sun"
        }
    ];    
}
4

1 に答える 1

1

以下は、配列を文字列に変換し、それを文字列としてページに直接表示する例です。

JS:

$scope.selectedDaysToString = function() {
    return $scope.day.join(', ');
}

HTML:

{{selectedDaysToString()}}

そして、選択したすべての日を含むリストを生成する例を次に示します。

HTML:

<ul>
    <li ng-repeat="d in day">{{d}}</li>
</ul>
于 2013-07-07T12:03:16.630 に答える