0

次の json コレクションを使用します。

 $scope.searchscope = [

{ id: 0, name: "Base", description: "Search only the specified base object. The value is equal to 0." },
{ id: 1, name: "OneLevel", description: "Search the child objects of the base object, but not the base object itself.The value is equal to 1" },
{ id: 2, name: "Subtree", description: "Search the base object and all child objects. The value is equal to 2" }
];

そして次のマークアップ

 <select data-ng-model="mySelections[0].SearchFilterMembershipsScope" data-ng-options="i.id as i.name for i in searchscope" data-ng-required="true"></select>

3 つのオプションで選択を正常に生成しました。現在選択されているアイテムの「説明」のツールチップを表示する最良の方法は何ですか? また、ユーザーがドロップダウンをナビゲートしている間、つまり選択を行っている間にこれを行うことは可能でしょうか?詩は実際に選択を行っていましたか?

4

2 に答える 2

1

id→の地図が必要ですdescription。それを移入する1つの方法は次のとおりです。

$scope.idToDescription = null;

$scope.$watch("searchscope", function(newval) {
    if( newval != null ) {
        $scope.idToDescription = {};
        var i;
        for( i=0; i < newval.length; i++ ) {
            $scope.idToDescription[newval[i].id] = newval[i].description;
        }
    }
});

テンプレートでは、次のように使用します。

<select ... 
    title="{{ idToDescription[mySelections[0].SearchFilterMembershipsScope] }}">
于 2013-10-30T10:34:03.080 に答える
0

Twitter Bootstrap を使用している場合は、 UI Bootstrapのツールチップを確認することも検討してください。より洗練された選択ボックスが必要な場合は、 Select2に基づくui- select2の使用を検討してください。

于 2013-11-06T16:35:03.230 に答える