1
這是一個奇怪的事情正常工作:一個簡單的選擇輸入不與角流星
使用角流星庫
把頁面上的一個簡單的選擇輸入:
<div id="category">
<select ng-model="selectedItem">
<option ng-repeat="p in inputCategories" value="{{p.name}}"></option>
</select>
</div>
選擇自己顯示,它有正確的選項數量,但實際的選項文本是不可見的!
檢查時,它顯示以下內容:
<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'
}
];
}]);
會有人有什麼,這可能是什麼想法?