javascript - ngOptions はデフォルトですべてのオプションを選択し、選択時にオプションを非表示にします

Question

ビューでトラブルシューティングできないような奇妙な問題が発生しています。Web サイトのツリービューを生成するディレクティブを使用しています。1 つのサイトを選択すると、2 つの選択ボックスが表示され、1 つのサイトのグループとサイトのリストが表示されます。オプションが入力されると、それらはすべて選択されています。要素を調べたところ、すべてoption="selected"見知らぬ人がいます.1つのオプションをクリックすると、他のすべてが消え、選択したオプションだけが残ります。Chrome コンソールでソースを確認しましたが、選択したオプション タグだけが残っています。

たとえば、サイト リストの選択ボックスには複数のオプションがありますが、[古いドキュメント] をクリックすると、他のすべてのドキュメントが消えてしまいました。サイト グループでは、すべてのグループが既に選択されています Ctrl:

spApp.controller('sitesCtrl',
    function sitesCtrl($scope, $q, $modal, UserService, GroupService, SiteService){
        //Options for tree controller directive
        $scope.treeOptions = {
            nodeChildren: "children",
            dirSelectable: true,
            injectClasses: {
                ul: "a1",
                li: "a2",
                liSelected: "a7",
                iExpanded: "a3",
                iCollapsed: "a4",
                iLeaf: "a5",
                label: "a6",
                labelSelected: "a8"
            }
        }

        //Returns siteMap for tree controller directive 
        $scope.siteMap = SiteService.getSiteMap();

        //Returns selected sites information: grous, lists, title, url
        $scope.showSelected = function(site){
            var siteData = SiteService.getSiteInfo(site);
            //sets sites title and url in view
            $scope.site = site;
            $scope.siteGroups = siteData.groups;
            $scope.siteLists = siteData.lists;
        }

    }
);

意見：

    <div class="siteGroups">
        <label for="siteGroups">Site Groups</label>
        <select 
            multiple
            name="siteGroups" 
            id="siteGroups" 
            class="siteGroups"
            ng-model="siteGroups"
            ng-options="g.name for g in siteGroups">
        </select>
    </div>
        <div class="btm1 animated fadeInUp">
        <label for="siteLists">Site Lists </label>
        <select multiple
            id="siteLists" 
            ng-model="siteLists"
            ng-options="l.title for l in siteLists">
        </select>
    </div>

サービスとその他のビュー