我在angularjs中犯了什么错误？答案

【问题标题】：what mistake have i done here in angularjs?我在angularjs中犯了什么错误？
【发布时间】：2017-10-12 11:42:26
【问题描述】：

我已尝试更改模块变量

<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}}

【问题讨论】：

有什么问题？
你得到了什么？
值 CUSTOMERS 不在控制台上打印，
我们能看到控制器的代码吗？
它正在打印 {{customers}} 变量本身

标签： angularjs sublimetext3

【解决方案1】：

您可能已经发布了部分代码，根据您的 cmets，您的控制器应该如下所示。

演示

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>

【讨论】：

还是一样的问题
你没有说问题
@manjunath 你瞎了吗？你没看到 CUSTOMERS 打印出来吗？

【解决方案2】：

这是你的答案：

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

<head>
  <link data-require="bootstrap-css@3.1.1" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
  <script data-require="jquery@*" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script data-require="angularjs@1.5.8" data-semver="1.5.8" src="https://opensource.keycdn.com/angularjs/1.5.8/angular.min.js"></script>
  <script data-require="bootstrap@3.1.1" 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

【讨论】：

那么，无论谁投反对票，都有勇气评论为什么？
这是什么？你能告诉我你在控制台中遇到了什么错误吗？
没有错误，它必须打印 CUSTOMERSSS 但它正在打印 {{customers}}