2016-09-29 87 views
-1

這裏是我的視圖和控制器代碼分別下拉的選擇工作正常的瀏覽器,但沒有打開的選項在移動設備中,甚至無法在Chrome設備模式選擇

<select ng-model="selectedItem" ng-options="option for option in typeOptions" ng-change="changeDateRange()" ng-init="selectedItem = typeOptions[0]"></select> 

$scope.typeOptions = [ 
{ name: 'Feature', value: 'feature' }, 
{ name: 'Bug', value: 'bug' }, 
{ name: 'Enhancement', value: 'enhancement' } 
]; 

回答

-1

我不知道這是如何工作的你在你的瀏覽器中,但檢查了這一點。 (我用Jade的語法,但你可以很容易地適應html)

(function(){ 
    'use strict' 
    angular 
    .module('app', []) 
    .controller('appController', ['$scope', function($scope){ 

     $scope.typeOptions = [ 
     { name: 'Feature', value: 'feature' }, 
     { name: 'Bug', value: 'bug' }, 
     { name: 'Enhancement', value: 'enhancement' } 
     ]; 
    }]) 
})() 


div(data-ng-app="app") 
div(ng-controller="appController") 
    select.form-control(ng-model="selectedItem", ng-options="option.value as option.name for option in typeOptions track by option.value" ng-init="selectedItem=typeOptions[0]") 

希望這會有所幫助。這裏還有codepen鏈接:http://codepen.io/alex06/pen/XjarJd

+0

澄清。這只是您發佈的代碼的一個解決方案,因爲它看起來效果不好,但請嘗試在移動設備上進行測試。 – AlexP

+0

感謝兄弟的工作我有瀏覽器的問題,謝謝你的幫助 –

+0

請標記爲您的解決方案@BilalAwan,因爲它是downvoted,如果它真的幫助你。 :) 謝謝! – AlexP

相關問題