【发布时间】:2015-04-07 09:44:38
【问题描述】:
我是 Angular js 的新手。我编写了执行多控制器概念的代码,但它不起作用。我不知道我在哪里做错了?
以下代码我正在使用
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html >
<html>
<head>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body ng-app="myApp">
<div ng-controller="myCtrl">
<input type="number" ng-model="q">
<input type="number" ng-model="c">
<p>{{ q*c }}</p>
</div>
<div ng-controller="newone">
<p>{{lastName|uppercase}}</p>
</div>
</body>
<script>
var app=angular.module('myApp',[]);
app.controller('myCtrl',function($scope)
{
$scope.q=10;
$scope.c=5;
});
</script>
<script src="control.js"></script>
</html>
**control.js**
var app=angular.module('myApp',[]);
app.controller('newone',function($scope){
alert();
$scope.firstName="Vinoth";
$scope.lastName="Kumar";
$scope.full=function()
{
return $scope.firstName+''+$scope.lastName;
}
});
上面的代码不起作用,谁能帮我解决这个问题
【问题讨论】:
-
控制台有错误吗?
-
我认为您需要为控制器创建一个路由,以将 url 与 html 视图和控制器相关联:interfaceApp.config(['$routeProvider', function ($routeProvider) { $routeProvider.when ('/', { templateUrl: 'partials/home.html', 控制器: 'homeController' }).otherwise({ redirectTo: '/' }); }]);
-
@AlainIb 在这种情况下,不需要任何路由。只有 1 个 HTML 页面...
-
以后,看看这个stackoverflow.com/questions/26797756/…,你应该知道chrome有一个在控制台显示错误的错误(错误没有显示原因),然后使用firefox而不是chrome(对于有时)