Questions tagged «angularjs»

我正在开发一个在前端使用大量JavaScript的SF2应用程序。 SF2为我提供了一个构建良好的REST应用程序，使用学说管理数据库，将枝条用于模板等的好方法，但是我想使用Angularjs。 我知道angularjs和SF2是两种使用不同方法的不同框架，但是我想知道实现此工作的最佳方法是什么。 值得吗？ 如果是，您认为更清洁，最有效的解决方案是什么？ 也许使用php代替树枝作为模板来使用angularjs花括号？

73 symfony  angularjs 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow的主题。 5年前关闭。 改善这个问题 我有一个ASP.NET MVC 4项目，但我在架构上决定要使用Angular.js或Knock.js的JavaScript框架或库。我目前倾向于在Knockout.js上使用Angular.js，但是我不想在项目开发的过程中发现错误。 这里是一些背景： 我们需要双向模型数据绑定 我们需要测试视图的能力。我希望能够进行端到端的单元测试。另外，我们正在使用持续集成。 “保存更改”功能。即，如果用户在页面上进行更改，我们需要能够检测到任何更改并提示用户保存其更改，然后再离开页面 “通知”功能。也就是说，用户将登录大约8个小时，并且需要通知和更新其他用户所做的更改（错误，数据状态更改等） 我们需要“面向未来”的应用程序。当前，该业务部门尚未决定是否需要支持移动设备，但我知道这只是时间问题。 我们的团队由经验丰富的开发人员组成，从初级到高级都有不同的经验水平。 目前，我们的模型很复杂，甚至可能变得更加复杂 我们还需要考虑RAD，代码重用和可维护性 我已阅读优秀的答案在这里，看着斯科特·艾伦的采访时谈到角在这里 由于我们无法从当前的ASP.NET MVC 4体系结构更改为在服务器端使用Web API之类的功能，因此我在尝试使用MVC 4实现Angular.js时会有些顾虑。这是否会导致我们拥有两个模型服务器和客户端上的一个？ 我并不是想对Angular和Knockout进行“更好的讨论”，因为我认为它们都有优点和缺点。我正在寻找有关在ASP.NET MVC 4应用程序中实现JavaScript框架或库的实际代码。我需要一个可以从现在开始2年以上才能使用的解决方案:) 有什么想法或建议吗？也许答案不是Knock或Angular，而是其他JavaScript框架？

73 asp.net-mvc-4  angularjs  knockout.js  javascript  javascript-framework 

我尝试使用Yo（Yoeman）而不使用sudo安装generator-angularjs ： npm install -g generator-angular 我得到： Error: EACCES, mkdir '/usr/lib/node_modules/generator-angular' 当我输入时sudo yo，yo告诉我不应该使用sudo（这是完全可以理解的）。 我有一个~/node_modules目录-为什么不在那里安装其软件包？

73 angularjs  npm  sudo  yeoman 

当我用ng-repeat迭代一些数组时，我想在过滤器中使用参数 例： HTML部分： <tr ng-repeat="user in users | filter:isActive"> JavaScript部分： $scope.isActive = function(user) { return user.active === "1"; }; 但是我希望能够使用像 <tr ng-repeat="user in users | filter:isStatus('4')"> 但是它不起作用。我该怎么做？

73 javascript  angularjs 

今天，我一直在摆弄ui-router，以更好地了解Ionic的脚手架，而我注意到的一件事是，它们为“选项卡”的抽象状态提供了url。 我仅有两次使用抽象状态时，我使用一个空字符串作为url，并且注意到如果我不小心尝试导航到抽象状态（与子状态相对），则会收到错误消息： 无法转换为抽象状态“ [insertAbstractStateHere]” 编辑： “此外，在实验中，当我尝试为我的抽象状态（在Ionic之外）分配一个url并仍然渲染嵌套状态视图时，我得到了一个很大的鹅蛋。什么都没有出现。” 以上引用的陈述是错误的！我在Plunker再次尝试过，嵌套状态的确出现了。 angular.module('routingExperiments', ['ui.router']) .config(function($urlRouterProvider, $stateProvider) { $stateProvider .state('abstractExperiment', { abstract: true, url: '', //<--- seems as if any string can go here. templateUrl: 'abstractExperiment.html' }) .state('abstractExperiment.test1', { url: '/test1', templateUrl: 'abstractTest1.html' }); }); 显然我确实做错了。所以我的新问题是： 是否有任何理由为什么在使用抽象状态时会使用命名状态而不是空字符串，还是仅仅是一种样式选择？

73 angularjs  ionic-framework  angular-ui-router  state  abstract 

我有一些路线的角度应用程序，例如： site.com/ site.com/page site.com/page/4 使用angular的html5路由模式，当您从应用程序内单击指向链接的链接时，这些链接可以正确解析，但是当您进行硬刷新时，这些链接当然是404错误。为了解决这个问题，我尝试实现基本的htaccess重写。 RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_METHOD} !OPTIONS RewriteRule ^(.*)$ index.html [L] 这适用于角度请求，但是当我尝试在我的域内加载脚本或进行ajax调用时，例如： <script src="/app/programs/script.js"></script> 该脚本不会加载-它的请求被重定向，并且它尝试加载index.html页，因为.htaccess认为它应该重新路由该请求-不知道此文件确实存在，因此应该加载该文件而不是重定向。 只有在没有实际文件可以解析的情况下，htaccess有什么方法可以使htaccess将请求重定向到index.html（带有视图参数）吗？

73 angularjs  .htaccess  redirect  web-applications  routing 

有没有办法在ng-click内放置条件？在这里，如果存在任何表单错误，我希望不提交该表单，但是我得到了一个解析异常。 <input ng-click="{{if(profileForm.$valid) updateMyProfile()}}" name="submit" id="submit" value="Save" class="submit" type="submit"> 我尝试使用ng-disabled，但是我的验证插件无法正常工作，因为根本不提交表单，因此不会触发。

73 javascript  angularjs 

我在Bootstrap中使用Angular。这是参考代码： <form name="newUserForm" ng-submit="add()" class="" novalidate> <input type="text" class="input" ng-model="newUser.uname" placeholder="Twitter" ng-pattern="/^@[A-Za-z0-9_]{1,15}$/" required></td> <button type="submit" ng-disabled="newUserForm.$invalid" class="btn btn-add btn-primary">Add</button> </form> Bootstrap具有以下形式的无效字段样式input:invalid {.... }：这些字段在字段为空时开始。现在我也通过Angular进行了一些模式匹配。当“：invalid”关闭但“ .ng-invalid”打开时，这会产生奇怪的情况，这将需要我为“ .ng-invalid”类重新实现引导CSS类。 我看到两个选择，但都遇到麻烦 使Angular使用一些自定义类名而不是“ ng-valid”（我不知道该怎么做）。 禁用html5验证（我认为那是form标记中的“ novalidate”属性应该执行的操作，但由于某种原因无法使它起作用）。 此处的Angular-Bootstrap指令不涵盖样式。

72 twitter-bootstrap  angularjs 

我正在尝试ngOptions与track by 这是我的模板 <select ng-model="asd" ng-options="user.id as user.name for user in users track by user.id | orderBy: 'name'"> 这是我的控制器 function AppCtrl($scope) { $scope.users = [ {id : 25, name: 'Batista'}, {id : 26, name: 'Ultimate Warrior'}, {id : 27, name: 'Andre the giant'} ]; $scope.name = 'asdasd'; $scope.asd = 25; …

72 angularjs 

我的Angular应用程序允许用户加载项目，当发生这种情况时，我想设置一个包含该项目ID的查询字符串，以便如果用户刷新页面（或想要链接到该页面），则URL已经存在设置（如果$ routeParams中包含ID，则已经有代码可以加载该项目）。 如何设置该查询参数而不引起路由？如果发生路由，页面上还有其他内容会重置（包括必须重新加载其所有数据的插件），因此仅更改查询参数很重要。 简而言之，当我加载项目123时，我要做的就是URL从以下位置更改： www.myurl.com/#/Items 至： www.myurl.com/#/Items?id=123 没有进行任何路由。 最好的方法是什么？

72 url  angularjs  routing  query-parameters 

我正在测试以下AngularJS $ location。我不是这个问题。只想检查重定向是否有效： 的HTML <body data-ng-controller="MainCtrl"> Hello {{name}}! <button ng-click='go()'>Go</button> </body> AngularJS代码 var app = angular.module('location', []); app.controller('MainCtrl', function($scope,$routeParams, $location) { $scope.name = 'World'; $scope.go = function() { $location.absUrl() = 'http://www.google.com'; } });

72 angularjs  redirect 

到现在为止，我主要是利用Struts 2，Spring，JQuery用于构建Web应用程序技术堆栈。关键是，提到的堆栈使用服务器端MVC模式。Web浏览器的主要作用仅限于请求/响应周期（+客户端验证）。数据检索，业务逻辑，接线和验证是服务器端的主要职责。 我对AngularJS框架的疑问很少，这些疑问是由我读过的下列引言所启发的： 从AngularJS教程中： 对于Angular应用，我们鼓励使用模型-视图-控制器（MVC）设计模式来分离代码并分离关注点。 从Wikipedia模型-视图-控制器： 模型-视图-控制器（MVC）是一种体系结构，用于将信息的表示形式与用户与之的交互分开。该模型由应用程序数据和业务规则组成，控制器控制输入，将其转换为模型或视图的命令 AngularJS使用客户端MVC模式。因此，我想除了以某种方式在客户端也包括验证逻辑之外，没有别的选择了吗？ 编写健壮的AngularJS应用程序的最佳方法是什么？客户端上的MVC和服务器端上的某种MC（模型，控制器）？ 这是否意味着，MODEL和CONTROLLER以一种方式重复（客户端/服务器）？ 我知道我的问题有些奇怪，但是我认为原因是我某种程度上习惯于传统的服务器端MVC模式。我确定有人已经完成了相同的过渡。

72 javascript  model-view-controller  client-side  angularjs  server-side 

基本上，我试图填充选择框，但将first_name列和last_name列中的值连接起来。 我想做的（不起作用）： <select ng-model="buyers" ng-options="b.id as (b.first_name + " " + b.last_name) for b in buyers"></select> 什么有效： <select ng-model="buyers" ng-options="b.id as b.first_name for b in buyers"></select>

72 angularjs  angularjs-ng-options 

源JSON数据为： [ {"name":"Alabama","code":"AL"}, {"name":"Alaska","code":"AK"}, {"name":"American Samoa","code":"AS"}, ... ] 我尝试 ng-options="i.code as i.name for i in regions" 但正在得到： <option value="?" selected="selected"></option> <option value="0">Alabama</option> <option value="1">Alaska</option> <option value="2">American Samoa</option> 当我期望得到： <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AS">American Samoa</option> 那么，如何获取价值属性并摆脱“？”？项目？ 顺便说一句，如果我将$ scope.regions设置为静态JSON而不是AJAX请求的结果，则空项消失。

72 select  angularjs  options 

在所有AngularJS示例中，Angular库都放置在文档的HEAD标签中。我有一个基于HTML5 Boilerplate布局的现有项目。这就定义了JS库应该放置在DOM最底部的</BODY>标签之前。 AngularJS是否需要放在HEAD中？

72 angularjs  html5boilerplate