javascript - 如何在页面中包含 AngularJS

标签 javascript angularjs node.js npm pug

我正在制作一个 NodeJS 应用程序,我想使用 AngularJS 来编写客户端脚本。我通过 NPM 下载了 AngularJS,现在我试图在我的页面中实现它,但由于某种原因我的请求不起作用。谁能帮我包含 AngularJS 文件吗?

发布页面。

extends layout
block content
  script(src="/javascripts/postCtrl.js")
  // Page Content
  .container(ng-app='postModule', ng-controller='postCtrl')
    form(method='post')
      button(ng-click='test()') Click to test Button

帖子脚本

var angular = require('angular');
var app = angular.module('postModule', []);
app.controller('postCtrl', function ($scope, $sce) {
  $scope.test = function(){
    alert("Working");
  };
}); 

最佳答案

客户端 JavaScript 不支持 require。在将 postCtrl.js 放入前端页面之前,您应该使用 babelwebpack 将其编译为客户端可执行 javascript

关于javascript - 如何在页面中包含 AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36803043/

相关文章:

javascript - For..In 循环覆盖所有数组值

javascript - 绕过 Node 的异步特性

javascript - 如何在不使用 try/catch 的情况下解决 "cannot read property ... of undefined"问题?

javascript - 调用超过1次时,for循环打开页面失败

javascript - 将 jQuery 引用放在 Masterpage 中有什么好处?

javascript - jQuery datepicker 很难在 Angular.js 中实现

AngularJS - ng-click 的滑动效果

javascript - 最快的 tr :hover method

javascript - AngularJS - 观察者在重新加载/路由器更改期间触发回调?

node.js - Azure 网站 node.js http 请求失败