Question

我开始学习Angular JS，并编写了以下代码来显示名称，年龄和职业。我正在使用Angular 1.5。

<!-- View -->

<div ng-controller="MyController">
  <h1> {{author.name}} </h1>
  <p>{{author.age + " " + author.profession}}</p>
</div>


<!-- MODAL -->
<script>
  function MyController($scope) {
    $scope.author = {
      'name': 'Muhammad',
      'age': '35',
      'profession': 'Software Engineer'
    }
  }
</script>

非常感谢任何帮助。

Answer 1

您需要添加一个模块：

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

<html ng-app="main">
<div ng-controller="MyController">
  <h1> {{author.name}} </h1>
  <p>{{author.age + " " + author.profession}}</p>
</div>

</html>

工作示例： http://codepen.io/nilestanner/pen/YWmWNo

Answer 2

您缺少的是HTML中的角度模块和ng-app指令。

只需遵循这个免费课程。 https://www.codeschool.com/courses/shaping-up-with-angular-js

简单示例代码：

<html ng-app="myApp">
<div ng-controller="MyController">
    <h1> {{author.name}} </h1>
    <p>{{author.age + " " + author.profession}}</p>
</div>

<script src="angular.min.js"></script>

<script>
    angular.module('myApp', [])
        .controller('MyController', function ($scope) {
            $scope.author = {
                'name': 'Muhammad',
                'age': '35',
                'profession': 'Software Engineer'
            }
        });
</script>

<html>

简单的JS / JSON不能与Angular一起使用

2 个答案: