无法看到ng-model

时间:2016-10-29 09:58:55

标签: angularjs django

我正在尝试使用带有django服务器的角度js

这是index.html

{% load staticfiles %}

    <html ng-app="blog">
        <head>
            <script  type="text/javascript" src="{% static 'js/libs/angular.min.js' %}"></script>
            <script  type="text/javascript" src="{% static 'js/modules/app.module.js' %}"></script>
            <script  type="text/javascript" src="{% static 'js/modules/app.config.js' %}"></script>
        </head>

        <body>
            <input type="text" ng-model="name">
            <p>hi , {{name}}</p>
        </body>
    </html>

这是app.module.js

'use strict'

angular.module('blog' , []);

这是app.config.js

'use strict'

angular.module('blog').config(function(){});

ng-model变量name根本没有显示。没有错误发生,输入框中输入任何内容都没有出现

可能是什么情况,我该如何从中恢复?

2 个答案:

答案 0 :(得分:0)

试试这个

<强> HTML

use Cake\Mailer\Email;

Email::configTransport('gmail', [
    'host' => 'smtp.gmail.com',
    'port' => 587,
    'username' => 'my@gmail.com',
    'password' => 'secret',
    'className' => 'Smtp',
    'tls' => true
]);

<强> JS

<html>
      <head>
           <script  type="text/javascript" src="{% static 'js/libs/angular.min.js' %}"></script>
           <script  type="text/javascript" src="{% static 'js/modules/app.module.js' %}"></script>
           <script  type="text/javascript" src="{% static 'js/modules/app.config.js' %}"></script>
      </head>

      <body ng-app="myBlog">
           <input type="text" ng-model="name">
           <p>hi , {{name}}</p>
      </body>
</html>

答案 1 :(得分:0)

角度模块有一个模块注册,因此您无需在某处保存模块。实际上你甚至可以使用IIFE模式(立即调用函数表达式)来包装你的模块定义!
我的建议是检查它是否来自服务器本身。我的意思是检查你的文件是否正确加载! 然后将您的逻辑包装在控制器中:

// -- my-blog.controller.js --
angular.module('blog', ['$scope', MyBlogCtrl($scope) {

}]);
index.html中的

<html>
      <head>
           <script  type="text/javascript" src="{% static 'js/libs/angular.min.js' %}"></script>
           <script  type="text/javascript" src="{% static 'js/modules/app.module.js' %}"></script>
           <script  type="text/javascript" src="{% static 'js/modules/app.config.js' %}"></script>
      </head>

      <body ng-app="myBlog">
           <div ng-controller="MyBlogCtrl">
               <input type="text" ng-model="name">
               <p>hi , {{name}}</p>
           </div>
      </body>
</html>