Javascript AngularJS push不更新一个div中的值,而更新另一个div中的值

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/

如果我正在添加一个新联系人,它将被添加到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/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,一次只能看到一个。但两者都有不同的元素,但联系人列表在两者中都很常见。因此,我希望在添加新联系人时,它应该在两种情况下都可用。如果您的元素在同一范围内,那么它们是否可见并不重要。如果您想管理两个单独的作用域/控制器,您将希望在它们之间共享一个服务,如-