javascript - 无法从 $scope 获取值

Question

包含应用模块

1. app.js

   var appProfileDetails = angular.module('profileDetailsApp', [
                                          'ngMaterial','ngAria','ngAnimate','ngRoute']);
   

它有 Controller 文件

1. contactController.js

   appProfileDetails.controller('contactController', function($scope) {
       $scope.msg= function() {
           alert($scope.emailId);
       };
   });
   

2. HTML 片段(Contact.jsp)

   <div ng-app="profileDetailsApp">
         <div style="float: left;margin-left: 50px;width: 45%;" ng-controller="contactController" >
              <div ng-include="'/mm/resources/html/ContactDetails2.html'">
        </div>
   </div>
   

此文件包含在上面的片段中

1. ContactDetails2.html

   <div>
       <input type="email" ng-model="emailId"/>
       <input type="button" ng-click="msg()"/>
   </div>
   

Answer 1

它不起作用的原因是 ng-include 创建了一个新的子作用域，从而打破了原型(prototype)作用域继承。

必须阅读才能更好地理解这个问题:

• > Angularjs ng-model doesn't work inside ng-if .
• > What are the nuances of scope prototypal / prototypical inheritance in AngularJS?

作为一个好的经验法则，始终使用 controller as句法。 Here这就是您应该使用它的原因。