フォーム提出後に特定のユーザ に電子メールを送信するフォームを使用しています。 従業員名を取得できるドロップダウンリストが1つあります。私はリストから任意の名前を選択します。特定の 名前を選択すると、彼のメールIDまたはIDはメールボタンの値に入りますので、クリックしたメールに が表示されるようにメールのIDをメールボタンに直接表示します。Angularの選択されたドロップダウンで、ボタンの値に特定のIDを取得するにはどうすればよいですか？
私はAngularを初めて利用しています。助けてください。
<select ng-model="empInfo1" ng-options="emp.candidate_name for emp in names4" class="span2"></select>
<button type="button" class="btn btn-primary" ng-click="email()">Email</button>
あなたはngのモデルを持っているとngのクリックボタンの値で選択された電子メールを取得するには、上のモデルを渡し、
{{selected.email}}
DEMO
var app = angular.module('todoApp', []);
app.controller("dobController", ["$scope",
function($scope) {
$scope.names4 = [{
"candidate_name": "Thomas",
"email": "[email protected]",
"id": "a35398ac-a974-47f6-9beb-ff9d5a6a8282"
}, {
"candidate_name": "Julie",
"email": "[email protected]",
"id": "499e919a-e247-4665-9468-cc56a444848e"
}, {
"candidate_name": "Albert",
"email": "[email protected]",
"id": "76f53028-ec26-4b52-b12e-42ba3983ec36"
}];
$scope.email = function(selected) {
alert(selected.email)
}
}
]);<!DOCTYPE html>
<html ng-app="todoApp">
<head>
<title>To Do List</title>
<link href="skeleton.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
<script src="MainViewController.js"></script>
</head>
<body ng-controller="dobController">
<div class="col-md-20">
<div id="main">
<form class="form-horizontal" role="form">
<label class="control-label col-md-2">Filter List:</label>
<div class="col-md-5">
<select ng-model="selected" ng-options="emp.candidate_name for emp in names4 ">
</select>
</div>
<button type="button" class="btn btn-primary" ng-click="email(selected)">{{selected.email}}</button>
</form>
</div>
</div>
</body>
</html>@Sajeetharanが私のために働いてくれてありがとう。 –
あなたはwelocmeです:) – Sajeetharan
あなたは以下のJSONのように、names4であなたの従業員の詳細を維持することができます：コントローラで
names = [{name:'A', empId: '100', email:'[email protected]'}, {name:'b', empId: '101', email:'[email protected]'}];
<select ng-model="empInfo1" class="span2">
<options ng-repeat="emp in names4" value="{{emp}}">{{names4.name}} </options>
</select>
あなたが直接、従業員IDとメールでNG-モデルの値を取得することができます。
scope.email = function(){
console.log(empInfo1)
}
でフェッチすると、動的に呼び出されます。ボタン値で電子メールを取得する方法。 –
はあなたの質問を理解できませんでした。 ng-click = "email（empInfo1）"。この方法で必要なの？ – Indhu
names4がemp名、およびこのような電子メールオブジェクト：顧客の利用可能の電子メールの詳細を行い
<button type="button" class="btn btn-primary" ng-click="email({{empInfo1.candidate_email}})">Email</button>
：
その後、
{{empInfo1.candidate_email}}で候補メールを返すのだろうか？ – Indhuここでレコードを名前4 –