NG-Optionディレクティブは非常に簡単に使用でき、2つの属性のみが必要です。
1つは、選択した値を取得するためのNG-Modelです。
もう1つは、ドロップダウンリストの要素配列を決定するNGオプションです。
1。問題の背景
一般的に、Selectの下にはオプションがありますが、Angularjsにng-Optionsが命令がある場合は、Select Drop-Downボックスを実装できます。
2。ソースコードを実装します
<!doctype html> <html> <head> <meta charset = "utf-8"> <title> angularjsドロップダウンボックス(方法1)</title> <script type = "text/javascript" src = "../ js/angular.min.js"> </script> var app = ang.module.sel(] app.Controller( "selcon"、function($ scope){$ scope.options = ["第1四半期"、 "四半期"、 "第4四半期"];}); </script> </head> <body> <div ng-app = "selapp" ng-controller = "selcon"> <select ng-model = "selectedname" ng-options = "x for x in options"> </select> </div> </body> </html>3。問題の説明
<select> <option> </option> </select>
命令ng-optionsを使用して、<option> </option>を省略できます
上記は、ng-optionsコマンドを使用してドロップダウンボックスを実装するAngularjsです。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!