Tag: angularjs

无法使用AngularJS post方法获取正确的数据

这是我第一次和AngulerJS合作。 我正在尝试将数据发布到服务器。 AngularJS代码 var app = angular.module(“myApp”, []); var BASE_URL = “http://localhost/project/api/Data/”; var GET_DATA = BASE_URL+”get_data”; console.log(GET_DATA); app.controller(‘myCtrl’, function($scope, $http) { var inputs = { “user_id”: “3”}; var config = { headers : { ‘Content-Type’: ‘application/x-www-form-urlencoded;charset=utf-8;’ } } $http.post(GET_DATA , inputs, config) .success(function (response, status, headers, config) { $scope.content = response.error; $scope.statuscode = response.status; $scope.statustext […]

通过ajax发送多个对象（使用angular）

我有一个对象’数据’中的用户输入列表。 （例如data.username，data.password，data.age） 我正在使用angular将数据对象传递给后端。 var submits = “=” + JSON.stringify(data); $.ajax({ type: “POST”, url: serviceURL, data: submits }); 我正在传递另外两个对象。 选择和网格。 我如何在一次ajax通话中将所有这三个一起传递？ 或者我必须独立转移它。 如果我单独转移这些细节会影响性能吗？ 我可以做这样的事情在一个ajax调用中将对象发送到一起吗？ var data = {}; data[0] = data1; data[1] = data2; 如何在服务器端使用c＃单独检索它，如果它们一起传递的话。 下面是我需要传递的3个物体 data –>> [“Raul”,”New York”,”31″] selections–>> [“dy.txt”,”my.txt”,”yy.txt”] grid–> [“sesion”,”id”]

webpack jquery和angular – jQuery没有定义

我正在将现有项目重构为webpack。 该项目使用angular（1.3）和jQuery（2.1）。 在初始网页上已经有一些jQuery函数被调用，但是这些函数失败了，因为’jQuery未定义’。 即使在加载页面后（通过控制台），jQuery仍未定义。 ‘$’已定义，但我不确定它是否实际指向jQuery。 我调整了webpack配置以在所有模块中公开jquery变量（如此处和几篇文章中所述）： new webpack.ProvidePlugin({ $: “jquery”, ‘window.jQuery’: “jquery”, ‘jQuery’: “jquery” }) 在我的入门书中，我有： import ‘jquery’; import ‘jquery-ui’; import ‘jquery-slimscroll/jquery.slimscroll’; … import angular from ‘angular’; import ‘angular-ui-router’; … 的package.json： “jquery”: “~2.1.1”, 现在我通过在条目html的头部手动导入jquery来解决它：

谷歌地图错误“未捕获的TypeError：无法读取未定义的属性’x’”

我正在使用谷歌地图，我写了一个如下所示的JS代码，当用户通过浏览器给出位置实现权限时，它可以很好地工作，但当他阻止权限时，地图不显示任何内容，我点击它的区域我得到以下错误：\ Erorr： 未捕获的TypeError：无法读取未定义的属性“x” JS脚本： var pos = new Object(); var marker1 = new Object(); var marker2 = new Object(); var resp; var loc; var bus_loc; function initMap() { var map = new google.maps.Map(document.getElementById(‘map’), { // zoom: 13 }); var infoWindow = new google.maps.InfoWindow({}); var scope = angular.element($(“#address”)).scope(); var angLoc; scope.$apply(function () { angLoc = scope.contact.business.location.split(‘,’); […]

当我从Angularjs中的响应绑定数据时，Bootstrap multiselect不起作用

当我从Angularjs中的响应绑定数据时，Bootstrap multiselect不起作用 angular.module(‘ngvalueSelect’, []) .controller(‘ExampleController’, [‘$scope’,’$http’, function($scope,$http) { $http.get(‘https://reqres.in/api/unknown’) .then(function (result) { console.log(result.data); $scope.exampleData = result.data; $scope.data = result.data; }) $scope.data = { availableOptions: [ {value: ‘001’, name: ‘Hello’}, {value: ‘002’, name: ‘integer’}, ] }; console.log( $scope.data ); }]); ngvalue select: {{option.value}}-{{option.name}} model = {{data.model | json}} ngvalue select: {{option.name}} model = {{data.model | json}} […]

检测到UI Grid v3.1.0列自动宽度问题

我发现了很多关于UI Grid自动宽度问题的问题。 我设法重现其中一个，并希望与您分享如何重现它的细节。 首先，我在隐藏模态中有默认的UI Grid（你可以在这篇文章的末尾找到代码片段）。 重现步骤： 运行代码段，按“启动演示模式”; （没有问题）; 关闭模态; 调整浏览器窗口大小。 这里是。 列宽重置为错误值。 var app = angular.module(‘app’, [‘ui.grid’]); app.controller(‘MainCtrl’, [‘$scope’, ‘$http’, ‘uiGridConstants’, function ($scope, $http, uiGridConstants) { $scope.gridOptions1 = { enableSorting: true, columnDefs: [ { field: ‘name’ }, { field: ‘gender’ }, { field: ‘company’, enableSorting: false } ], onRegisterApi: function( gridApi ) { $scope.grid1Api = […]

量角器，失败：未知错误：无法将元素集中在自定义输入字段上

跳上测试车，现在正在实施一些网站的E2E测试，但我遇到了一个棘手的小问题。 我正在尝试选择一个字段，然后将密钥发送到该输入字段以更改值，唯一的问题是失败：未知错误：无法聚焦元素错误我似乎无法过去。 我让它在其他领域工作，而不是那些有这种设置的领域。 pageObject文件。 var profilePage = function() { this.firstName = element(by.id(‘firstname’)); this.lastName = element(by.id(‘lastname’)); this.saveBtn = element(by.css(‘ng-click=”saveLocalAccount()”‘)); this.cancelBtn = element(by.css(‘ng-click=”cancelChanges()”‘)); this.changeName = function(firstname, lastname) { this.firstName.click(); var input = firstName.element(by.css(‘input’)); input.click(); this.input.sendKeys(firstname); this.lastName.click(); this.lastName.sendKeys(lastname); browser.waitForAngular(); } }; module.exports = new profilePage(); 规范。 var profilePage = require(‘TestProtractor/E2E/PageObjects/profile.pageObject.js’); describe(‘Testing the profile page functionality’, function() { var […]

引导转盘Ng重复四项？

我试图在幻灯片中显示四个项目。 但是我如何重复主行，因为它使用活动类的活动类。 这就是我的HTML看起来的样子。 以及JSON的一个例子。 $scope.images = [ “http://placehold.it/500/e499e4/fff&text=1”, “http://placehold.it/500/e499e4/fff&text=2”, “http://placehold.it/500/e499e4/fff&text=3”, “http://placehold.it/500/e499e4/fff&text=4”, “http://placehold.it/500/e499e4/fff&text=5”, “http://placehold.it/500/e499e4/fff&text=6”, “http://placehold.it/500/e499e4/fff&text=7”, ]

为什么我的茉莉花测试在这个指令上失败了？

我已经构建了一个角度指令onInputChange ，当用户通过单击输入外部（模糊）或按ENTER来更改输入值时，该指令应触发回调。 该指令可以像： 它使用以下代码： app.directive(‘onInputChange’, [ “$parse”, function ($parse) { return { restrict : “A”, require : “ngModel”, link : function ($scope, $element, $attrs) { // var dirName = “onInputChange”, callback = $parse($attrs[dirName]), evtNS = “.” + dirName, initial = undefined; // if (angular.isFunction(callback)) { $element .on(“focus” + evtNS, function () { initial = $(this).val(); […]

Grid-A-Licious Grid中的ng-repeat

我正在使用Grid-A-Licious插件（ http://suprb.com/apps/gridalicious/ ）。 我的标记如下： Properties Around you {{m.title}} Bath : 2 Beds : 2 Pool : 2 $380,000 See Detail Compare 正如你在网格中看到的那样，我有一个绑定到我的视图模型的ng-repeat属性。 我遇到的问题是，Grid-A-Licious需要在document.ready（）上运行以下代码： $(“.grid-item”).gridalicious({ width: 250, gutter: 10, animate: true, effect: ‘fadeInOnAppear’ }); $(“.grid-galeries”).gridalicious({ width: 240, gutter: 10, animate: true, effect: ‘fadeInOnAppear’ }); 我遇到的问题是我的网格内容绑定到我的视图模型，并将根据其他条件动态更改（它实际上是服务调用的结果）。 这导致网格外观错误。 有什么办法，我可以调用上面的选择器，每次grid属性绑定的模型属性都会发生变化吗？ 这样做是否完全违背angularJS惯例？ 提前谢谢了