Tag: angularjs

Node.js使用Vash视图引擎：如何将vash模型传递给angular？: 在Shawn Wildermuth的Pluralsight课程“.NET开发人员的Node.js”中，他演示了如何在angular度视图中embeddedangular度。基本上： @html.extend('layout', function(model){ @html.block("body", function(model) { <div ng-app="app"> <div class="row" ng-controller="homeCtrl"> <p>…</p> </div> </div> </div> }) }) 我的问题是如何将数据从vash模型传递到angular度控制器？在Shawn的演示中，他正在独立地获取控制器中的数据。如果数据已经在vash视图模型中提供，那么如何将它传递给angular度以便它不必再次访问服务器？我试图使用ngInit，但无法使其工作。

使用angular模块和节点模板以获得更好的重用能力: 一般来说，我是networking编程和编程的新手。所以，请原谅，如果这是一个新手问题或重复一个或我的知识是错误的。我知道的 1.Angular不友善。不要误解我的意思，我知道有几种方法可以使它变得友好（提供静态的预渲染页面等）编码有很多优点 3.模块代码可以使用偏angular来书写，也可以使用模板，如玉，sw等案件让我们看看网页有5个部分（header，jambotron，text，some-form，footer）。现在如果我们想要一个可重复使用的模块化代码，我们可以使用ng-include或ui-view来写入angular度偏差。但它不友善我们如何做到这一点如下： 1.使用模板来生成html页面（我使用swig）。 2.为代码的每个部分（header，jambotron，text，some-form，footer）分别写模块。 3.使用dependency injection将这些模块注入到页面的控制器中。 4.使用angular度函数和控制器中的所有东西。 5.一个页面女巫是SEO友好，模块化，可重复使用。题 1.是否有人使用这种方法？如果没有，你呢？如果是的话，除了我提到的其他原因？ 3.其他更好的方法，为什么？ 4.如果我继续这一点，我应该如何共享注入到不同模块之间的页面数据？任何指南？来源？

angular度，帆布局问题: 我一直在尝试在我的sails应用程序中使用angular度路由，如下所示： angular.module('SignupController',['ngRoute']) .controller('SignupCtrl',function($scope,$http,$location){ $scope.create = function(name,encryptedPassword){ $http.post('/user/create/',{name:name,encryptedPassword:encryptedPassword}).success(function(response){ console.log(response); //$location.path("/user/new"); }); }; }).config(['$routeProvider', function($routeProvider) { $routeProvider.when('/view1', {templateUrl: 'views/tst.html', controller: 'SignupCtrl'}); $routeProvider.otherwise({redirectTo: '/homepage'}); }]); 所以我期望在访问/ view1时在tst.html上redirect，但是我得到了一个404。我是新来的angular，所以这个代码有什么不对吗？我基于我的代码在这个例子https://docs.angularjs.org/api/ngRoute/service/ $ route＃example

Eclipse中的Node Express Project的JavaScript文件中没有定义'angular': 我想在Eclipse IDE中创buildNode Express Project中使用Angular.js作为我的前端。每当我尝试移动我的angular度控制器在单独的js文件中我得到'angular' is not defined ，也在HTML文件中Cannot find module with name AngularApp. 是我收到的错误。如何在Eclipse IDE的Node Express项目中使用不同的JavaScript文件中的angular度脚本代码？这是我到目前为止： Angularapp.html <!doctype html> <html ng-app = "AngularApp"> <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> <title>Login</title> </head> <body> <h1>Login</h1> <h2>Welcome!</h2> <div ng-controller="AngularController"> Username: <input type="text" ng-model="usrname" value="1" /> <br /> Password: <input type="text" ng-model="password" value="2" /> <br /> <div> <br /> […]

尽pipe存在服务，但不注入依赖项: 所以我一直在做Angular.js项目一段时间，现在将在竞争中使用，并在一半的时间，我意识到我需要一个插件系统dynamic加载一些必要的代码在运行时。到目前为止，我发现angular.js并不是很适合在运行时加载服务。由于代码只能在比赛时间提供给竞争对手，我只能提供一个不成功的例子。 // ex1.coffee mainModule = angular.module('mainModule') mainModule.service('needed', () -> @neededFunc() -> console.log "just an example" return this mainModule.service('ex1', ($injector) -> @loadFile = (u, pluginName) -> $.ajax dataType: "script", url: u, data: null, success: (jqxhr, textStatus) => $injector.invoke([pluginName, (plugin) => plugin.testFunc() error: (jqxhr, textStatus, errorThrown) -> console.log "couldn't find the script" return this // […]

在启动应用程序时传入angular度variables: 我有我的客户端app.js在angular.js这个设置： var options = {}; options.api = {}; options.api.base_url = "http://myDomainName.tld:8080"; 我需要能够改变这在CLI上，当我正在build立我的应用程序。我的想法是用咕噜声做这个。任何其他的想法如何解决这个问题？

咕噜凉亭：安装错误: 我是angularJS的初学者，我想用一个bitbucket克隆项目上的npm start来启动节点服务器，但是当我这样做的时候出现错误。我尝试了几件事情，从防火墙的进出口设置解除阻止端口22，并运行此命令npm install -g grunt-cli但没有效果，我仍然得到这个错误这是我的npm-debug文件： 0 info it worked if it ends with ok 1 verbose cli [ 'C:\\Program Files\\nodejs\\\\node.exe', 1 verbose cli 'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js', 1 verbose cli 'install' ] 2 info using npm@1.4.28 3 info using node@v0.10.36 4 verbose node symlink C:\Program Files\nodejs\\node.exe 5 warn package.json wkfs-demo@0.1.0 No repository field. 6 warn […]

configurationExpress和Angular: 我试图做一个简单的Angular / Express todo-list应用程序，而我遇到了一些麻烦。它仍然在工作中，但是当我在localhost：3000上运行下面的代码时，我最终在网页上打印了{{thing}}。我的文件path是：应用 JS app.js 的index.html node_modules（这里是angular度，expression等） index.js 的package.json 这是我的代码为index.html： <!DOCTYPE html> <html lang="en" ng-app='testApp'> <head> <meta charset="UTF-8"> <title>Angular-Express Test App</title> <script type='text/javascript' src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.12/angular.min.js"></script> <script type='text/javascript' src='js/app.js'></script> </head> <body ng-controller='TestCtrl'> <table> <thead> <tr> <td>Item</td> <td>Remove</td> </tr> </thead> <tbody> <tr ng-repeat='item in items'> <td>{{ item }}</td> <td><a href="#"></a>Done?</td> </tr> </tbody> </table> </body> […]

AngularJS路由服务器端支持（NodeJS + express）: 我在服务器上使用NodeJS + expressJS，在客户端上使用AngularJS AngularJS控制器有以下路线： app.config(function($routeProvider,$locationProvider) { $routeProvider .when('/field1/:id', { controller: 'ctrl1', templateUrl: "/view/mainpages/field1.html" }) .when('/field2/:id', { controller: 'ctrl2', templateUrl: "/view/mainpages/field2.html" }) ……….. many many .when('/', { controller: 'ctrl0', templateUrl: "/view/mainpages/index.html" }) .otherwise({redirectTo : '/'}); NodeJS静态： app.all('/*', express.static(__dirname + '/client')); 如何使服务器redirect他们的path上的所有静态页面相对于根，在这种情况下，直接通过这个链接的调用。例如： server:3000/field1/23必须调用server:3000/client/index.html并且索引必须上传JS，例如server:3000/js/cntr1.js 更新：我find了解决问题的办法。但它看起来丑陋的拐杖 app.get('/field1/([0-9]+$)', function(req, res, next) { req.url='/index.html'; next(); }); app.use('/field1', express.static(__dirname + […]

业力不执行testing用例: 我是业力新手。我无法执行testing用例。我有以下设置。 karma.config.js module.exports = function(config) { config.set({ // base path that will be used to resolve all patterns (eg. files, exclude) basePath: '', // frameworks to use // available frameworks: https://npmjs.org/browse/keyword/karma-adapter frameworks: ['jasmine'], // list of files / patterns to load in the browser files: [ 'angular.js','angular-mocks.js' ,'tests/firstTest.js' ], // list of files […]