表示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をしようとImがどのように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

答えて

関連する問題