Javascript Angular JS作用域变量不工作
学习使用angularJS 我在index.html中有这个特定的代码。动态类型在上半部分起作用,但注入不起作用。可能出了什么问题 代码: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
<!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