Javascript AngularJS push不更新一个div中的值,而更新另一个div中的值
如果我正在添加一个新联系人,它将被添加到ul-li中,而不是select-option中 这是我的节目Javascript AngularJS push不更新一个div中的值,而更新另一个div中的值,javascript,jquery,html,css,angularjs,Javascript,Jquery,Html,Css,Angularjs,如果我正在添加一个新联系人,它将被添加到ul-li中,而不是select-option中 这是我的节目 <!DOCTYPE html> <html ng-app> <head> <title>Hello World, AngularJS - ViralPatel.net</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/
<!DOCTYPE html>
<html ng-app>
<head>
<title>Hello World, AngularJS - ViralPatel.net</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script>
function ContactController($scope)
{
$scope.contacts = ["hi@email.com", "hello@email.com"];
$scope.add = function() {
$scope.contacts.push($scope.newcontact);
$scope.newcontact = "";
}
}
</script>
</head>
<body>
<div ng-controller="ContactController">
<select ID="select-add-new-product-brand-name">
<option ng-model="selectedItem" ng-repeat="contact in contacts" value={{contact}}>{{ contact|uppercase }}</option>
</select>
</div>
<div ng-controller="ContactController">
Email:<input type="text" ng-model="newcontact"/>
<button ng-click="add()">Add</button>
<ul>
<li ng-repeat="contact in contacts"> {{ contact }} </li>
</ul>
</div>
</body>
</html>
世界你好,AngularJS-ViralPatel.net
功能控制器($scope)
{
$scope.contacts=[”hi@email.com", "hello@email.com"];
$scope.add=函数(){
$scope.contacts.push($scope.newcontact);
$scope.newcontact=“”;
}
}
{{contact}大写}
电邮:
添加
- {{contact}
这里怎么了?你是两个控制者 只需使用一个控制器
<div ng-controller="ContactController">
<select ID="select-add-new-product-brand-name">
<option ng-model="selectedItem" ng-repeat="contact in contacts" value={{contact}}>{{ contact|uppercase }}</option>
</select>
Email:<input type="text" ng-model="newcontact"/>
<button ng-click="add()">Add</button>
{{contact}大写}
电邮:
添加
但要求同时显示这两个DIV。您所说的“同时显示两个DIV”是什么意思?实际上我有两个不同的DIV,一次只能看到一个。但两者都有不同的元素,但联系人列表在两者中都很常见。因此,我希望在添加新联系人时,它应该在两种情况下都可用。如果您的元素在同一范围内,那么它们是否可见并不重要。如果您想管理两个单独的作用域/控制器,您将希望在它们之间共享一个服务,如-