Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angular JS作用域变量不工作_Javascript_Html_Angularjs - Fatal编程技术网

Javascript Angular JS作用域变量不工作

Javascript Angular JS作用域变量不工作,javascript,html,angularjs,Javascript,Html,Angularjs,学习使用angularJS 我在index.html中有这个特定的代码。动态类型在上半部分起作用,但注入不起作用。可能出了什么问题 代码: <!DOCTYPE html> <html> <head> <title>Test1</title> </head> <body ng-app=""> <!-- Dynamic Type --> <input ty

学习使用angularJS

我在index.html中有这个特定的代码。动态类型在上半部分起作用,但注入不起作用。可能出了什么问题

代码:

<!DOCTYPE html>
<html>
   <head>
      <title>Test1</title>
   </head>
   <body ng-app="">
<!-- Dynamic Type -->

      <input type="text" ng-model="name1" /><br>
      <h1>Hello {{name1}}</h1>

<!-- End dynamic Type -->

 <!-- Scope Injection begin-->
      <div class="container" ng-controller="myController">
         <input type="text" ng-model="naam" /><br>
         <h3>Looping</h3>
         <ul>
            <li data-ng-repeat="cust in customerlist | filter:naam | orderBy:'city'"> {{cust.name | uppercase}} - {{cust.city}} </li>
         </ul>
      </div>
      <script type="text/javascript" src="js/angular.min.js"></script>
      <script type="text/javascript">
         function myController ($scope) {

             $scope.customerlist = [
             {name: 'Raj Bannerjee', city: 'Zaire'},
             {name: 'Prasun Bannerjee', city: 'Udaipur'},
             {name: 'Raj Malhotra', city: 'Dubai'},
             {name: 'Prasun Joshi', city: 'Mumbai'}
             ];

         }

      </script>
   </body>
</html>

测试1

你好{{name1}
循环
函数myController($scope){ $scope.customerlist=[ {姓名:'Raj Bannerjee',城市:'Zaire'}, {名称:'Prasun Bannerjee',城市:'Udaipur'}, {名称:'Raj Malhotra',城市:'Dubai'}, {名称:'Prason Joshi',城市:'Mumbai'} ]; }
从1.3版开始,使用全局控制器构造函数禁用角度:

除了简单的演示之外,使用globals是没有帮助的 对于控制器构造函数。这为该方法添加了一个新方法
$controllerProvider
以重新启用旧行为,但禁用此操作 默认情况下,功能

中断更改:
$controller
将不再在上查找控制器
窗口
。查看控制器的
窗口
的旧行为是 最初用于示例、演示和玩具应用程序。我们发现 允许全球控制员的职能助长了不良做法, 因此,我们决定在默认情况下禁用此行为

因此,您必须像这样重构它:

angular.module('app',[])

.controller('myController', ['$scope', function($scope) {
  $scope.customerlist = [
    {name: 'Raj Bannerjee', city: 'Zaire'},
    {name: 'Prasun Bannerjee', city: 'Udaipur'},
    {name: 'Raj Malhotra', city: 'Dubai'},
    {name: 'Prasun Joshi', city: 'Mumbai'}
  ];
}]);
并参考您的模块:

<body ng-app="app">

从1.3版开始,使用全局控制器构造函数禁用角度:

除了简单的演示之外,使用globals是没有帮助的 对于控制器构造函数。这为该方法添加了一个新方法
$controllerProvider
以重新启用旧行为,但禁用此操作 默认情况下,功能

中断更改:
$controller
将不再在上查找控制器
窗口
。查看控制器的
窗口
的旧行为是 最初用于示例、演示和玩具应用程序。我们发现 允许全球控制员的职能助长了不良做法, 因此,我们决定在默认情况下禁用此行为

因此,您必须像这样重构它:

angular.module('app',[])

.controller('myController', ['$scope', function($scope) {
  $scope.customerlist = [
    {name: 'Raj Bannerjee', city: 'Zaire'},
    {name: 'Prasun Bannerjee', city: 'Udaipur'},
    {name: 'Raj Malhotra', city: 'Dubai'},
    {name: 'Prasun Joshi', city: 'Mumbai'}
  ];
}]);
并参考您的模块:

<body ng-app="app">

从1.3版开始,使用全局控制器构造函数禁用角度:

除了简单的演示之外,使用globals是没有帮助的 对于控制器构造函数。这为该方法添加了一个新方法
$controllerProvider
以重新启用旧行为,但禁用此操作 默认情况下,功能

中断更改:
$controller
将不再在上查找控制器
窗口
。查看控制器的
窗口
的旧行为是 最初用于示例、演示和玩具应用程序。我们发现 允许全球控制员的职能助长了不良做法, 因此,我们决定在默认情况下禁用此行为

因此,您必须像这样重构它:

angular.module('app',[])

.controller('myController', ['$scope', function($scope) {
  $scope.customerlist = [
    {name: 'Raj Bannerjee', city: 'Zaire'},
    {name: 'Prasun Bannerjee', city: 'Udaipur'},
    {name: 'Raj Malhotra', city: 'Dubai'},
    {name: 'Prasun Joshi', city: 'Mumbai'}
  ];
}]);
并参考您的模块:

<body ng-app="app">

从1.3版开始,使用全局控制器构造函数禁用角度:

除了简单的演示之外,使用globals是没有帮助的 对于控制器构造函数。这为该方法添加了一个新方法
$controllerProvider
以重新启用旧行为,但禁用此操作 默认情况下,功能

中断更改:
$controller
将不再在上查找控制器
窗口
。查看控制器的
窗口
的旧行为是 最初用于示例、演示和玩具应用程序。我们发现 允许全球控制员的职能助长了不良做法, 因此,我们决定在默认情况下禁用此行为

因此,您必须像这样重构它:

angular.module('app',[])

.controller('myController', ['$scope', function($scope) {
  $scope.customerlist = [
    {name: 'Raj Bannerjee', city: 'Zaire'},
    {name: 'Prasun Bannerjee', city: 'Udaipur'},
    {name: 'Raj Malhotra', city: 'Dubai'},
    {name: 'Prasun Joshi', city: 'Mumbai'}
  ];
}]);
并参考您的模块:

<body ng-app="app">



您如何认为它不起作用?下面是一个JSFIDLE(稍加修改),它可以正常工作。也许我看到了。您是在询问过滤器是如何工作的吗?您需要告诉angular myController是一个控制器
angular.controller('myController',function($scope){..
你使用的angular版本是什么?@deitch不,我一直在看一本电子书,它只是在处理代码。但当我尝试时,它没有。学习必须从头开始,这就是为什么:D感谢修改:)将不得不多读一读它,看你怎么看它不起作用?这里是一个JSFIDLE(稍加修改)很好。也许我看到了。你是在问过滤器是如何工作的吗?你需要告诉angular myController是一个控制器
angular.controller('myController',function($scope){..
你使用的angular版本是什么?@deitch不,我一直在看一本电子书,它只是在处理代码。但当我尝试时,它没有。学习必须从头开始,这就是为什么:D感谢修改:)将不得不多读一读它,看你怎么看它不起作用?这里是一个JSFIDLE(稍加修改)很好。也许我看到了。你是在问过滤器是如何工作的吗?你需要告诉angular myController是一个控制器
angular.controller('myController',function($scope){..
你使用的angular版本是什么?@deitch不,我一直在看一本电子书,它只是在处理代码。但当我尝试时,它没有。学习必须从头开始,这就是为什么:D感谢修改:)将不得不多读一读它,看你怎么看它不起作用?这里是一个JSFIDLE(稍加修改)效果很好。也许我看到了。你是在问过滤器的工作原理吗?你需要告诉angular myController是一个控制器
angular.controller('myCon