【问题标题】:multiple controller not working in angularjs多个控制器在angularjs中不起作用
【发布时间】: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(对于有时)

标签: angularjs jsp


【解决方案1】:

在 controller.js 中你不需要再次声明模块:)

var app=angular.module('myApp',[]);

改成var app=angular.module('myApp');

【讨论】:

  • 你能解释一下在声明中需要什么[]
  • 嘿KVK它用于DI(依赖注入)并允许您添加其他模块的依赖关系。
猜你喜欢
  • 2015-03-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-08-09
  • 2016-11-03
  • 2023-03-24
相关资源
最近更新 更多