Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
AngularJS/Jade不使用ng app指令_Angularjs_Node.js_Pug - Fatal编程技术网

AngularJS/Jade不使用ng app指令

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

我试图构建一个小型原型Web服务器(NodeJS/Jade)来学习AngularJS。到目前为止,我只使用NodeJS/Javascript/JQuery进行编码。我做了以下几块: 只有当ng app=''(没有特定名称)时,才能正确计算短表达式{{843/42}}。当我使用ng app='myApp'时,表达式直接输出,无需计算。在botuh案例中,这两个文本框中没有填写John Doe。有人能帮我或给我一个建议吗

杰德

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使用

为什么不将算术运算放入范围变量中,然后将范围变量传递到模板中?为什么不将算术运算放入范围变量中,然后将范围变量传递到模板中?为什么不将算术运算放入范围变量中,然后传递到模板中是否在模板中传递范围变量?