顯示從下拉框中使用angularjs

car.html 

    <body ng-app="carService" ng-controller="selectDropdown"> 
     <div> 
      Car Brand: 
      <select ng-model="userSelect"> 
       <option value="">--Select--</option> 
       <option ng-repeat="ManufactureBrand in a" ng-bind="ManufactureBrand" 
       </option> 
      </select> 
      <input type="button" value="submit" ng-click="checkselection()"> 
      <span color:red>{{msg}}</span> 
     </div> 
    </body>

所選項目detail.js顯示從下拉框中使用angularjs

var app=angular.module('carService',[]); 

app.factory('Brandtest',function(){ 
    var brand={}; 
    brand.sample=['Bmw','Mercedes','Honda']; 
    return brand; 
}); 

app.controller('selectDropdown',['$scope','Brandtest',function($scope,Brandtest){ 
    $scope.a=Brandtest.sample; 

    $scope.checkselection= function(){ 
     if($scope.userSelect !="" && $scope.userSelect !=undefined){ 
     $scope.msg = $scope.userSelect; 

} 
} 
}]);

嗨，我剛嘗試angularjs和從dropdown.Please幫助顯示所選擇的項目如何有問題林從下拉框中顯示所選項目。在此先感謝。在選項

<option ng-repeat="ManufactureBrand in a" ng-bind="ManufactureBrand" value="{{ManufactureBrand}}" ></option>

來源

2016-09-15 Rudhra

試試這個，用NG選項：

<body ng-app="carService" ng-controller="selectDropdown"> 
      <div> 
       Car Brand: 
       <select ng-model="userSelect" ng-options=" item as item for item in a"> 
        <option value="">--Select--</option> 
       </select> 
       <input type="button" value="submit" ng-click="checkselection()"> 
       <span color:red>{{msg}}</span> 
      </div> 
     </body> 

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> 

     <script> 
      var app=angular.module('carService',[]); 

      app.factory('Brandtest',function(){ 
       var brand={}; 
       brand.sample=['Bmw','Mercedes','Honda']; 
       return brand; 
      }); 

      app.controller('selectDropdown',['$scope','Brandtest',function($scope,Brandtest){ 
       $scope.a=Brandtest.sample; 

       $scope.checkselection= function(){ 
        if($scope.userSelect !="" && $scope.userSelect !=undefined){ 
        $scope.msg = $scope.userSelect; 


      } 
      } 
      }]); 
     </script>

來源

2016-09-15 07:20:06

使用價值否則，你是對的

來源

2016-09-15 07:19:36 Sathish

看到這裏我們的代碼... https://jsfiddle.net/bjs3g/108/ – Sathish

檢查這個片段中，發在你的代碼一些變化。

var app=angular.module('carService',[]); 
 

 
app.factory('Brandtest',function(){ 
 
    var brand={}; 
 
    brand.sample=['Bmw','Mercedes','Honda']; 
 
    return brand; 
 
}); 
 

 
app.controller('selectDropdown',['$scope','Brandtest',function($scope,Brandtest){ 
 
    $scope.a=Brandtest.sample; 
 
    $scope.checkselection= function(userSelect){ 
 
     if($scope.userSelect !="" && $scope.userSelect !=undefined){ 
 
     $scope.msg = $scope.userSelect; 
 

 
} 
 
} 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="carService" ng-controller="selectDropdown"> 
 
     <div> 
 
      Car Brand: 
 
      <select ng-model="userSelect"> 
 
       <option value="">--Select--</option> 
 
       <option value="{{ManufactureBrand}}" ng-repeat="ManufactureBrand in a" ng-bind="ManufactureBrand"> 
 
       </option> 
 
      </select> 
 
      <input type="button" value="submit" ng-click="checkselection()"> 
 
      <span style="color:red">{{msg}}</span> 
 
     </div> 
 
    </body>

來源

2016-09-15 07:25:27

顯示從下拉框中使用angularjs

回答

相關問題