1

これは奇妙なことです：

angular-meteor ライブラリの使用

ページに単純な選択入力を配置します。

<div id="category">
<select ng-model="selectedItem">
<option ng-repeat="p in inputCategories" value="{{p.name}}"></option>
</select>
</div>

select自体が表示され、正しい数のオプションがありますが、実際のオプションテキストは表示されません!

調べると、次のように表示されます。

<select class="ng-pristine ng-valid ng-touched" ng-model="selectedItem">

    <option value="? undefined:undefined ?"></option>
    <!--

     ngRepeat: p in inputCategories 

    -->
    <option class="ng-scope" value="Cost Source Actuals" ng-repeat="p in inputCategories"></option>
    <!--

     end ngRepeat: p in inputCategories 

    -->
    <option class="ng-scope" value="Cost Source Budget" ng-repeat="p in inputCategories"></option>
    <!--

     end ngRepeat: p in inputCategories 

    -->
    <option class="ng-scope" value="Chart of Accounts" ng-repeat="p in inputCategories"></option>
    <!--

     end ngRepeat: p in inputCategories 

    -->
    <option class="ng-scope" value="Cost Center Master" ng-repeat="p in inputCategories"></option>
    <!--

     end ngRepeat: p in inputCategories 

    -->
    <option class="ng-scope" value="Headcount by Department Cost Center Labor" ng-repeat="p in inputCategories"></option>
    <!--

     end ngRepeat: p in inputCategories 

    -->
    <option class="ng-scope" value="Fixed Asset Register" ng-repeat="p in inputCategories"></option>
    <!--

     end ngRepeat: p in inputCategories 

    -->
    <option class="ng-scope" value="AccountView Inventory" ng-repeat="p in inputCategories"></option>
    <!--

     end ngRepeat: p in inputCategories 

    -->
    <option class="ng-scope" value="DC Facilities" ng-repeat="p in inputCategories"></option>
    <!--

     end ngRepeat: p in inputCategories 

    -->
    <option class="ng-scope" value="GL accounts" ng-repeat="p in inputCategories"></option>
    <!--

     end ngRepeat: p in inputCategories 

    -->
    <option class="ng-scope" value="NextGen data" ng-repeat="p in inputCategories"></option>
    <!--

     end ngRepeat: p in inputCategories 

    -->
    <option class="ng-scope" value="Profit and Loss data" ng-repeat="p in inputCategories"></option>
    <!--

     end ngRepeat: p in inputCategories 

    -->
    <option class="ng-scope" value="Vendors" ng-repeat="p in inputCategories"></option>
    <!--

     end ngRepeat: p in inputCategories 

    -->

</select>

そしてここにコントローラーがあります：

angular.module("collector").controller("CollectorCtrl", ['$scope', '$stateParams', '$meteor',
    function($scope, $stateParams, $meteor, $location){

        $scope.inputCategories = [
            {
                name: 'Cost Source Actuals'
            },
            {
                name: 'Cost Source Budget'
            },
            {
                name: 'Chart of Accounts'
            },
            {
                name: 'Cost Center Master'
            },
            {
                name: 'Headcount by Department Cost Center Labor'
            },
            {
                name: 'Fixed Asset Register'
            },
            {
                name: 'AccountView Inventory',
                collectionName: 'AccountView_Inventory'

            },
            {
                name: 'DC Facilities',
                collectionName: 'DC_Facilities'

            },
            {
                name: 'GL accounts',
                collectionName: 'GL_accounts'

            },
            {
                name: 'NextGen data',
                collectionName: 'NextGen_data'

            },
            {
                name: 'Profit and Loss data',
                collectionName: 'Profit_and_Loss_data'

            },
            {
                name: 'Vendors'
            }
        ];


    }]);

誰でもこれが何であるかについて何か考えがありますか?

4

1 に答える 1

3

タグ内に指定されたテキストoptionがオプションに表示されます。optionタグ内にテキストを追加できませんでした。

マークアップ

<select ng-model="selectedItem">
    <option ng-repeat="p in inputCategories" value="{{p.name}}">{{p.name}}</option>
</select>
于 2015-06-09T21:14:30.567 に答える