angularjs sublime text $ scope not recognized

时间:2014-10-22 06:43:40

标签: javascript angularjs scope

我从Angular开始并为Sublime Text 3安装了所有Angular包。

<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>
  </head>
  <body>

    <div ng-controller="myController">
      <h1>{{author.name}}</h1>
      <p>{{author.title + ', ' + author.sex}}</p>
    </div>

    <script>
    function myController($scope){
      $scope.author = {
        'name' : 'Ivan',
        'ocupation' : 'student',
        'subject' : 'cs'
      }
    </script>
  </body>
</html>

无效我打开页面时会看到纯文本。 它没有识别我在函数体中的“$”之后写的任何东西,我可以看到,因为它只对$着色而且它没有连接()括号中的$ scope和函数体内的$ scope。 有任何想法吗?一直试图解决这一问题。

1 个答案:

答案 0 :(得分:0)

这是有效的plunkr

您应该定义角度模块和控制器。

<!doctype html>
<html ng-app="app">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>
  </head>
  <body>

    <div ng-controller="myController">
      <h1>{{author.name}}</h1>
      <p>{{author.ocupation}}, {{author.subject}}</p>
    </div>

    <script>
    angular.module('app', []).controller('myController', function($scope) {
      $scope.author = {
        'name' : 'Ivan',
        'ocupation' : 'student',
        'subject' : 'cs'
      }
    });
    </script>
  </body>
</html>