2017-05-13 84 views
-7

我试图改变模块varialbe我在angularjs上做了什么错误?

<ul> 
    <li ng-controller="ulCtrl"><a ng- href="" class ="active" >{{customers}}</a></li> 
    <li><a ng-href="#JOBS">JOBS</a></li> 
    <li><a ng-href="#ESTIMATES" >ESTIMATES</a></li> 
    <li><a ng-href="#INVOICE" >INVOICE</a></li> 
    <li class="right"><a ng-href="#ABOUT">ABOUT</a></li> 
</ul> 

控制器

var demoapp = angular.module("myApp", []); 

demoapp.controller("MyCtrl", function($scope) { 
    $scope.image = "media.licdn.com/mpr/mpr/shrink_200_200/…" }); 

demoapp.controller("ulCtrl", function($scope) { 
    $scope.customers = "CUSTOMERSSS" }); 

运行代码我得到这个后:{{customers}}

+2

什么问题? –

+0

你正在得到什么? –

+0

值CUSTOMERSS不在控制台上打印, – manjunath

回答

-2

你可能已经贴出部分代码,根据您的意见你的控制器应该像下面那样。

DEMO

var demoapp = angular.module("myApp",[]); 
 
demoapp.controller("ulCtrl",function($scope){ 
 
$scope.customers = "CUSTOMERSSS" ; 
 
});
<!doctype html> 
 
<html ng-app="myApp"> 
 
    <head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script> 
 
    </head> 
 
    <body> 
 
    <div ng-controller="ulCtrl" style='padding: 40px;'> 
 
    <li ng-controller="ulCtrl"><a ng- href="" class ="active" >{{customers}}</a></li> 
 
    <li><a ng-href="#JOBS">JOBS</a></li> 
 
    <li><a ng-href="#ESTIMATES" >ESTIMATES</a></li> 
 
    <li><a ng-href="#INVOICE" >INVOICE</a></li> 
 
    <li class="right"><a ng-href="#ABOUT">ABOUT</a></li> 
 
</ul> 
 
    </div> 
 
    </body> 
 
</html>

+0

它仍然有相同的问题 – manjunath

+0

你没有告诉问题 – Sajeetharan

+0

manjunath

-3

这里是你的答案:

<!DOCTYPE html> 
<html ng-app="app"> 

<head> 
    <link data-require="[email protected]" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /> 
    <script data-require="[email protected]*" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script data-require="[email protected]" data-semver="1.5.8" src="https://opensource.keycdn.com/angularjs/1.5.8/angular.min.js"></script> 
    <script data-require="[email protected]" data-semver="3.1.1" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
</head> 

<body class="container" style="padding-top:30px"> 
    <ul> 
     <li ng-controller="ulCtrl"><a ng-href="" class="active">{{customers}}</a></li> 
     <li><a ng-href="#JOBS">JOBS</a></li> 
     <li><a ng-href="#ESTIMATES">ESTIMATES</a></li> 
     <li><a ng-href="#INVOICE">INVOICE</a></li> 
     <li class="right"><a ng-href="#ABOUT">ABOUT</a></li> 
    </ul> 
</body> 

</html> 

控制器

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

app.controller("MyCtrl", function($scope) { 
    $scope.image = "media.licdn.com/mpr/mpr/shrink_200_200/…" 
}); 

app.controller("ulCtrl", function($scope) { 
    $scope.customers = "CUSTOMERSSS" 
}); 

工作DEMO

更新1

更新了demoApp代码,查http://plnkr.co/edit/ecYw2lPdLmdOjt9qgWxJ?p=preview

+0

任何标记为低投票的人都有胆量评论为什么? –

+0

\t \t {{customers}} \t

  • JOBS
  • \t
  • ESTIMATES
  • \t
  • INVOICE
  • \t ABOUT \t \t – manjunath

    +0

    Wha这是吗?你也可以告诉我你在控制台中遇到什么错误吗? –