Javascript 使用http服务器的angular js1基本应用程序不'；不要进入控制器_Javascript_Angularjs_Angularjs 1.5

Javascript 使用http服务器的angular js1基本应用程序不'；不要进入控制器

javascript angularjs

Javascript 使用http服务器的angular js1基本应用程序不'；不要进入控制器,javascript,angularjs,angularjs-1.5,Javascript,Angularjs,Angularjs 1.5,下面是index.html文件： <html ng-app="myApp"> <head> <title> My Contacts App </title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> <script src="app.js"></scri

下面是index.html文件：

<html ng-app="myApp">
<head>
  <title> My Contacts App </title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
  <script src="app.js"></script>
  <link rel="shortcut icon" href="favicon.ico"></link>
</head>
<body>
  <h1>My contact App </h1>
  <div controller="contactCtrl as ctrl">
    {{ ctrl.nm }}

  </div>
</body>
</html>

问题：当我从源文件所在的目录启动http服务器并键入时，浏览器只显示静态html内容。它不显示变量“nm”的值，也不显示console.log中的任何内容我是初学者。

TIA.

这应该是

ng控制器

：

 <div ng-controller="contactCtrl as ctrl">
   {{ ctrl.nm }}
 </div>


我的联系人应用程序
我的联系人应用程序
{{ctrl.nm}

这应该是

ng控制器

：

 <div ng-controller="contactCtrl as ctrl">
   {{ ctrl.nm }}
 </div>


我的联系人应用程序
我的联系人应用程序
{{ctrl.nm}

普里塔姆的回答是正确的。为什么不走传统的方式呢

    var app = angular.module("myApp",[]);
    app.controller("contactCtrl",function($scope){
        $scope.nm = "Hey";
        console.log("Inside controller");
    });

在模板中只需使用{{nm}

pritam的答案是正确的。为什么不走传统的方式呢

    var app = angular.module("myApp",[]);
    app.controller("contactCtrl",function($scope){
        $scope.nm = "Hey";
        console.log("Inside controller");
    });

在模板中使用{{nm}

建议使用

控制器作为

语法符号，这是angularjs开发人员认可的。尝试过这种方式，但控制台和浏览器中仍然没有显示任何内容。建议使用

控制器作为

语法符号，这是angularjs开发人员认可的。尝试过这种方式，但仍然没有显示任何内容显示在控制台和浏览器中。