[AngularJS]ngOptions – 佛祖球球

ng-options 是 AngularJS 中快速產生 option 的方法，而且 ng-options 使用上非常靈活，因此在不同狀況下使用方法都會有所差異

資料物件

$scope.lunches = [
    {
        name: 'Hamburger',
        side_dish: 'Corn Soup',
        category: 'Food',
        price: 50
    },
    {
        name: 'Rice',
        side_dish: 'Egg',
        category: 'Food',
        price: 80
    },
    {
        name: 'Pork',
        side_dish: 'Black Tea',
        category: 'Food',
        price: 100
    },
    {
        name: 'Shit',
        side_dish: 'Dog',
        category: 'Garbage',
        price: 10
    }
];

1.label for value in array
基本下拉選單

    請選擇

自訂下拉選單

    請選擇

自訂 value

    請選擇

{{selectLunch}}

2.label group by group for value in array
加入 optgroup 分類

    請選擇

{{selectLunch}}

分類

• Android
• AngularJS
• API Blueprint
• Chrome
• Database
  • MySQL
• DataStructure
• Docker
• Editor
  • Vim
• Firefox
• Git
• GitLab
• Google API
• Hadoop
• Language
  • Go
  • Java
  • JavaScript
    • jQuery
      • jQueryChart
    • Node.js
    • Vue
  • PHP
    • Laravel
    • ZendFramework
  • Python
• Mac
• Network
  • Cisco
  • DLink
  • Juniper
• Oauth
• Server
  • Apache
• Share
• Unix
  • FreeBSD
  • Linux
• WebDesign
  • Bootstrap
  • CSS
  • HTML
  • Wordpress

Search