我正在尝试使用带有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
根本没有显示。没有错误发生,输入框中输入任何内容都没有出现
可能是什么情况,我该如何从中恢复?
答案 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>