javascript - Angular 没有显示我的记录

标签 javascript angularjs

我是 Angular 新手,尝试做一项练习,但结果未显示在浏览器上。

(function() {

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

  app.controller('BusContorller', function() {
    this.busbarnd = basname;
  });

  var basname = {
    name: 'tata',
    yearprod: 2000,
  }

})();
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<!-- container -->
<div class="container" ng-app="bus">
  <!-- row -->
  <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12">
      <!-- Call controller -->
      <div ng-controller="BusContorller as bus">
        <p>Bus name : {{bus.busbarnd.name}}</p>
      </div>
      <!--// Call controller -->
    </div>
  </div>
  <!-- // row end -->
</div>
<!-- // container -->

请让我知道我做错了什么。我想我在调用 Controller 时犯了错误。

最佳答案

尝试如下

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

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9"></script>
    <script src="app.js"></script>
  </head>
<script>
    var app = angular.module('bus',[]);

        app.controller('BusContorller', function($scope){
            $scope.busbarnd = $scope.basname;

        $scope.basname = {
            name: 'tata',
            yearprod: 2000,
        }
        });



  </script>

  <body ng-controller="BusContorller">
    <div ng-controller="BusContorller as bus">
        <p>Bus name : {{busbarnd.name}}</p>
      </div>
  </body>

</html>

关于javascript - Angular 没有显示我的记录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40889522/

相关文章:

javascript - ngRepeat 的速度问题。是否可以在 AngularJS 中重用 DOM 部分?

Javascript AJAX 请求 - 检查操作是否成功

javascript - Angularjs - 登录,停留在页面上,在身份验证后加载 div

javascript - 如果数组中存在没有最后 "s"的相同单词,则删除单词的最后 "s"

javascript - mouseover 和 mouseout 触发多次

javascript - AngularJS - 继续检查变量/函数

javascript - 具有更新内容的 AngularJS 固定列表

javascript - xml 到 json 一项数组问题

javascript - 注入(inject) Controller 时出现 Angular 模块注入(inject)错误

javascript - Angular JS : How do i call a second service from controller and update the DOM with returned Object