AngularJS/Jade不使用ng app指令
我试图构建一个小型原型Web服务器(NodeJS/Jade)来学习AngularJS。到目前为止,我只使用NodeJS/Javascript/JQuery进行编码。我做了以下几块: 只有当ng app=''(没有特定名称)时,才能正确计算短表达式{{843/42}}。当我使用ng app='myApp'时,表达式直接输出,无需计算。在botuh案例中,这两个文本框中没有填写John Doe。有人能帮我或给我一个建议吗 杰德AngularJS/Jade不使用ng app指令,angularjs,node.js,pug,Angularjs,Node.js,Pug,我试图构建一个小型原型Web服务器(NodeJS/Jade)来学习AngularJS。到目前为止,我只使用NodeJS/Javascript/JQuery进行编码。我做了以下几块: 只有当ng app=''(没有特定名称)时,才能正确计算短表达式{{843/42}}。当我使用ng app='myApp'时,表达式直接输出,无需计算。在botuh案例中,这两个文本框中没有填写John Doe。有人能帮我或给我一个建议吗 杰德 doctype html html(ng-app='') head
doctype html
html(ng-app='')
head
title= title
link(rel='stylesheet', href='/stylesheets/style.css')
script(src='/javascripts/angular/angular.js', type='text/javascript')
script(src='/javascripts/angular/angular-resource.js', type='text/javascript')
script(src='/javascripts/jquery-2.1.4.min.js', type='text/javascript')
script(src='/javascripts/index.js', type='text/javascript')
block scripts
body
block content
翡翠索引
extends layout
block content
h1= title
p Welcome to #{title}
div
table
tr
td
| {{ 843 / 42 }}
td
tr
td First Name:
td
input(type='text', ng-model='firstName')
tr
td Last Name:
td
input(type='text', ng-model='lastName')
tr
td Full Name:
td
| {{firstName + lastName}}
block scripts
| <script type='text/javascript'>
| $(document).ready(function() {
| Index_Load();
| });
| </script>
模块myApp仅在文档就绪时初始化,这不是angular所期望的。与其在函数中定义模块和控制器并在DocumentReady上调用它,不如使用
block scripts
script(type='text/javascript').
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstName= "John";
$scope.lastName= "Doe";
});
这将确保您的模块已定义并可供angularjs使用。模块myApp仅在准备好文档时初始化,而angularjs并不希望这样。与其在函数中定义模块和控制器并在DocumentReady上调用它,不如使用
block scripts
script(type='text/javascript').
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstName= "John";
$scope.lastName= "Doe";
});
这将确保您的模块已定义且可供angularjs使用为什么不将算术运算放入范围变量中,然后将范围变量传递到模板中?为什么不将算术运算放入范围变量中,然后将范围变量传递到模板中?为什么不将算术运算放入范围变量中,然后传递到模板中是否在模板中传递范围变量?