Tag: angularjs

Angular JS POST请求不发送JSON数据

我试图发送一个对象作为JSON到我的Web服务在Flask，期待在请求数据中的JSON。 我已通过发送JSON数据手动testing服务，它工作正常。 但是，当我尝试通过angular度控制器发出http POST请求时，Web服务器向我发送一条消息，指出它没有收到JSON。 当我在Chrome中检查请求标题时，看起来数据不是以JSON发送的，而是通过内容types设置为application / json Request Method:POST Status Code:200 OK Request Headersview source Accept:application/json, text/plain, */* Accept-Encoding:gzip,deflate,sdch Accept-Language:en-US,en;q=0.8 Connection:keep-alive Content-Length:49 Content-Type:application/json;charset=UTF-8 DNT:1 Host:localhost:5000 Origin:http://localhost:5000 Referer:http://localhost:5000/ User-Agent:Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.116 Safari/537.36 X-Requested-With:XMLHttpRequest Request Payload application=AirFare&d1=10-APR-2013&d2=14-APR-2013 如果您看到请求有效负载下面的最后一行，则可以看到数据不是JSON格式。 这是我angular度控制器中的HTTP POST调用： $http({ url: '/user_to_itsr', method: "POST", data: {application:app, from:d1, to:d2}, headers: {'Content-Type': […]

Angular js和Express js有什么基本的区别和相似之处？

所以我对于Angular js vs Express js的目标有点困惑。 根据我的理解，我们使用Node.js来为Angular js服务，但是我们并没有完全限制/被迫使用Node.js来提供服务。 另一方面，expression式js似乎完成了类似于更传统的MVC框架。 Angular Js是一种非特定于服务器的MVC框架吗？ 这是否限制了Angular js后端服务器的function或易用性？

如何将布尔值分配给模型

我有两个input单选button的以下视图： <label> <input type="radio" name="test" ng-model="fooBar" value="true" ng-change="logConsole()"> True </label> <label> <input type="radio" name="test" ng-model="fooBar" value="false" ng-change="logConsole()"> False </label> 而我的控制器看起来像： //Initialization $scope.fooBar = false; $scope.logConsole = function () { console.log("Value is : " + $scope.fooBar); console.log("Type is : " + typeof $scope.fooBar); //Always displays 'string' }; 我的问题是，当用户select任何一个单选button， fooBar模型的types总是一个string，也就是说，该值是string“真”或string“假” – 我希望types是一个布尔值true或布尔值false。 如何将布尔值（从视图中）存储到模型中？ 编辑：我只是试了一下，它仍然无法正常工作。 对于value属性，我传递了一个返回布尔值true或false的函数，如下所示： <input type="text" […]

使用angular / bootstrap的<select>占位符不起作用

我想有一个select与angularjs中的占位符引导。 我find的解决scheme不适用于angular度 这是我的angular度标记： <select ng-model="myModel" ng-options="p.name for p in …" class="form-control list-selector required"> <option value='' disabled selected>Please Choose</option> </select> 如果有人有一个工作解决scheme… 谢谢 ：）

AngularJS intellisense不适用于Visual Studio 2015

根据这篇文章， intellisense也应该在新的VS 2015上工作，但到目前为止，我只能得到angular度对象的智能感知，而不是依赖或我的自定义模块。 以下是我所做的： 将angular.intellisense.js添加到C:\Program Files (x86)\Microsoft Visual Studio 14.0\JavaScript\References的全局JavaScript引用 重新启动VS2015然后什么也没有，只是当我试图在$ http对象上使用intellisense时，它只是显示感叹号。 我也将文件添加到我的angular.js相同的地方，但它仍然无法正常工作。 我在这种情况下的问题是，我应该在哪里放置文件？ 在只有我的angular.jsangular度的公共文件夹，或在我的开发angular度文件夹所有从鲍尔下载的文件。 我也尝试过将它直接添加到Implicit（Web）引用组的工具/选项/文本编辑器/ javascriptr / intellisense / reference菜单中，但它仍然不起作用。 在我的项目中，我在src文件夹中有以下文件夹结构： wwwroot文件 应用程序（我angular网站的东西） 控制器 服务 意见 lib（js依赖关系，只有每个库的.min.js文件） angular angularpath …. _references.js（visual studio js引用文件，包含对应用程序和lib文件夹内的文件的引用） 图书馆（包含由凉亭下载的完整图书馆） angular angularpath … 作为一个方面说明，我没有一个/脚本文件夹，因此没有/scripts/_references.js文件 。

AngularJScheckboxng-repeat和选定的对象？

我正在努力以适当的方式，以较less的痛苦，但我不知道如何处理ng模型，并将其绑定到选定的列表等，此外我需要在稍后的时间填充该列表，并保持选定的对象在里面。 categories = [ { "name": "Sport", "id": "50d5ad" } , {"name": "General", "id": "678ffr" } ] <span ng-repeat="category in categories"> <label class="checkbox" for="{{category.id}}"> <input type="checkbox" value="{{category.id}}" ng-model="??" ng-click="??" name="group" id="{{category.id}}" /> {{category.name}} </label> </span> 每次列表填充时我都必须重写类别，因为它将从服务器中拉出。 所以我想我需要有数组，第二个将保存选定的对象？ 如果我是对的，我如何预选checkbox？ 我是否需要用ng-click来调用自定义函数来将所选对象存储在另一个数组中？ 在checkbox中是否需要ng模型？ 减less疼痛的正确方法是什么？

单页面应用程序的可访问性（ARIA等）

什么是最好的方法，使SPA（AngularJS）无障碍（屏幕阅读器等）？ 我对于咏叹调的规范几乎没有经验，我不知道它是否会在一个单一的页面应用程序工作。 发展中常见的缺陷是什么？ 在开发时如何debugging和testing可访问性？

我如何使angular.js重新评估/重新编译内部的HTML？

我正在做一个修改它的内部html的指令。 目前代码： .directive('autotranslate', function($interpolate) { return function(scope, element, attr) { var html = element.html(); debugger; html = html.replace(/\[\[(\w+)\]\]/g, function(_, text) { return '<span translate="' + text + '"></span>'; }); element.html(html); } }) 它的工作原理，除了内部的HTML不是由angular评估。 我想触发element子树的重估。 有没有办法做到这一点？ 谢谢 ：）

有angular度的网格dynamic计算网格的高度

我正在使用： https ： //github.com/angular-ui/ui-grid.info/tree/gh-pages/release/3.0.0-RC.18 <div ui-grid="gridOptions" style="height:765px"></div> 当我硬编码的价值，如上所示，网格展开，一切按预期工作。 但是，如果我做了以下… $scope.gridStyle = 'height:'+numRows*rowHeight+'px' //(765px); <div ui-grid="gridOptions" style="{{gridStyle}}"></div> 在div和div中打印的高度变宽了，但内容本身只扩大到了大约340px。 留下的空白是空白的，所以不是25行，我只看到8.我必须向下滚动，而在网格中有一个完整的400px。 ui-grid-viewport和ui-grid-canvas都不使用这个空间。 为什么ui-grid-viewport不能使用这个空间？

用ui路由器公开当前状态名称

我试图实现一个语言切换器，如果用户从“en”端的任何给定页面点击“de”，它将把它们带到“de”端的那个页面。 如果我console.dir $状态参数，它暴露了我想要的值与给定的$状态的“当前”属性。 如果我尝试console.dir $ state.current专注于我想要的值，它只会给父状态属性（我当前视图嵌套）。 我目前的想法是，我在URL / EN /内容，dynamic我可以让我的郎导航dynamic地加载到适当的目的地点的某种数据属性，挑选那些自定义指令，我会发起一个“去”并设置我的首选angular度翻译的语言价值。 现在的关键问题是暴露$状态名称 – 再次，当浏览$状态当前对象给出我想要的值，但$ current.state直接只给父状态。 如果任何人有一个更好的build议，如何做到这一点（有针对性的 – 没有定制cookies垃圾），我很乐意采取build议。 谢谢！ 更新！ 代码样本： 我的状态的对象引用： var urlStates = { en: { home: { name: 'home', url: '/en', templateUrl: 'templates/'+lang+'/home.html', abstract: 'true' }, home_highlights: { name:'home.highlights', url: '', templateUrl: 'templates/'+lang+'/home.highlights.html' }, home_social: { name: 'home.social', url: '/social', templateUrl: 'templates/'+lang+'/home.social.html' }, […]