2015-04-08 8 views
11

एनजी-विकल्प का उपयोग कैसे करें।एनजी-विकल्प (या मूल्य आवंटित करने के अन्य तरीके) पर एनजी-क्लिक का उपयोग कैसे करें

$scope.fieldTable = [ 
    { 
     filed:"text", 
     title:"Global" 
    }, 
    { 
     field: "relatedentity", 
     title: "Entity" 
    }, 
    { 
     field:"title", 
     title:"Title" 
    }, 
    { 
     field: "content", 
     title: "Content" 
    } 
] 

मैं जब चयन कुछ के रूप में प्रदर्शित जो शीर्षक का उपयोग एक और, निर्माण एक चेतावनी खिड़की जो अनुसार फ़ील्ड प्रदर्शित पॉपआउट करना चाहते हैं। प्रारंभिक चयन

{ 
    filed:"text", 
    title:"Global" 
} 

क्या कोई मदद कर सकता है?

उत्तर

20

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

 
app.controller('MainCtrl', function($scope) { 
 
    $scope.fieldTable = [{ 
 
    field: "text", 
 
    title: "Global" 
 
    }, { 
 
    field: "relatedentity", 
 
    title: "Entity" 
 
    }, { 
 
    field: "title", 
 
    title: "Title" 
 
    }, { 
 
    field: "content", 
 
    title: "Content" 
 
    }]; 
 

 
    $scope.selected = $scope.fieldTable[0]; 
 

 
    $scope.hasChanged = function() { 
 
alert($scope.selected.field); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app="stack" ng-controller="MainCtrl"> 
 
    <select ng-options="item.title for item in fieldTable" ng-model="selected" ng-change="hasChanged()"> 
 
    </select> 
 
</body>

3

आप एनजी-परिवर्तन का उपयोग करने के लिए कर सकते हैं कि

<select ng-options="item.title as item.title for item in fieldTable track by item.title" ng-model="selected" ng-change="onChanged()"> 
अपने onChange() नियंत्रक आप कर सकते हैं जो कुछ भी आप यह करने के लिए :) आपके मामले में चाहते हैं में विधि में

तो, के साथ एक सूचना दिखाएंगे मूल्य

संपादित करें: https://plnkr.co/edit/4csDtFVH5mKd7Xr39WtG?p=preview

+0

AFAICT यह – abhillman

+0

@abhillman काम नहीं करता है, मैंने जो प्लगर अभी जोड़ा है उसे चेक करें – rmuller

संबंधित मुद्दे

 संबंधित मुद्दे