Tag: angularjs

AngularJS调用webmethod: 我正在学习AngularJS，并且我已经使用mvc应用程序进行了设置。我正在尝试将之前在JQuery中编写的一小段代码转换为AngularJS，但无法弄清楚如何使其工作。问题是我不知道如何使用AngularJS在我的控制器中调用codebehind方法？这是它现在在JQuery中的工作方式： //JQuery calling code behind $(document).on(“click”, “.open-AppDescriptionDialog”, function () { var title = “Title”; var state = “active”; //call method $.post(”, { header: title, status: state }, ParseResult); }); //method in controller [HttpPost] public ActionResult StatusInfoString(string path, string status) { ServiceClient serviceClient = new ServiceClient(); var data = serviceClient.GetResults(); return Content(data); } […]

输入字段的样式字体（Angularjs）: 这里是plunker链接 – > http://plnkr.co/edit/iFnjcq?p=preview 正如您在链接中看到的，它执行输入字段的validation。只允许输入数字并自动添加逗号。我的问题是 – >如果我在该字段中给出一个负数，我该如何自动更改该字段中输入的值的颜色。即正数应按原样显示。当用户输入负数时，数字将以文本的红色输入。有什么方法可以实现这些家伙？ HTML的 JS指令 var app = angular.module(‘App’,[]); app.controller(‘MainCtrl’, function ($scope) { }); app.directive(‘format’, [‘$filter’, function ($filter) { return { require: ‘ngModel’, link: function (scope, elem, attrs, ctrl) { if (!ctrl) return; ctrl.$formatters.unshift(function (a) { return $filter(attrs.format)(ctrl.$modelValue); }); ctrl.$parsers.unshift(function (viewValue) { var plainNumber = viewValue.replace(/[^\d|\-+]/g, […]

专注于王牌编辑: 我正在使用ng-grid。在ng-grid中，我有几个文本框和一个按钮。通过单击按钮，将打开一个ace编辑器，我可以在其中编辑/添加文本。但是当我点击按钮时，编辑器上没有焦点（没有光标闪烁），我必须手动点击编辑器才能获得焦点。这是我的html和js文件代码的一部分 HTML： X Edit Value Close 使用Javascript： $scope.loadValueData = function (_editor) { editor = _editor; _editor.getSession().setUseWorker(false); _editor.focus(); }; 我希望焦点/光标在ace编辑器上闪烁我给你的是ng-grid-gridOptionsForProcessor的代码片段 \n\ \n\ \ n \ 并且isModal的内容是 $scope.isModal = function (row) { rowObj = row; editor.setValue(row.getProperty(‘value’).toString()); 所以可以在isModal中设置焦点

jquery中.done的角度等价物: 我无法找到我想要做的替代解决方案，让我说我在jquery中有这个代码： $.get ‘file.json’, (re) -> for k, v in re tpl = “{{v.content}}”; $ ‘#container’.append tpl .done () -> impress().init() 这样工作正常，因为.done只在ajax之后执行代码，但angular似乎没有像.done ，并且impress().init()在内容加载时无法重新初始化，因此会出现错误关于数据绑定.. 这是我对角度的尝试 App.controller ‘SomeCtrl’, ($scope, $http) -> $http.get(‘file.json’) .success (res) -> $scope.slides = res #what could possibly be in here

Angularjs外部模板：模板无法加载？: 我认为使用Angularjs加载外部模板就像下面这样简单，但它不会在浏览器上打印任何内容。我错过了什么？ HTML， Angualr 模板， #{{person.id}} {{person.name}} Add JS / app.js， var app = angular.module(‘MyTutorialApp’,[]); JS / maincontroller.js， app.controller(“MainController”, function($scope){ $scope.people = [ { id: 0, name: ‘Leon’, music: [ ‘Rock’, ‘Metal’, ‘Dubstep’, ‘Electro’ ], live: true }, { id: 1, name: ‘Chris’, music: [ ‘Indie’, ‘Drumstep’, ‘Dubstep’, ‘Electro’ ], live: true } ]; […]

AngularJS – Google Place自动填充API密钥: 我是使用Google API的新手，并一直试图找出如何使用Angular实现Places Autocomplete API。我从来没有真正使用自动完成function。我目前没有将jQuery库引入我的项目，但我相信我已经看到一些开发人员在使用element.autocomplete的指令中使用它。我确实找到了可能有用的任何现有指令，我发现： https ： //github.com/kuhnza/angular-google-places-autocomplete 根据文档设置后，我无法让它工作，我也没有看到我在哪里设置API密钥以使其首先运行。我认为主要错误与API密钥有关，但我并不积极。根据我的理解，Google的文档提到在拉取场所库时将API密钥作为key参数包含在内。如果我在指令的文档中省略了键，我会得到MissingKeyMapError 。如果我像Google所说的那样添加密钥，我会得到ApiNotActivatedMapError 。与此同时，Google还说我的API密钥是服务器API密钥，并且“此密钥应该在您的服务器上保密”。拉入我引用的库的行是：使用我的PHP后端或仅在浏览器中执行cURL请求可以为我提供结果。所以现在我只想了解Autocomplete如何工作以及如何使用AngularJS。所以，是的，我对这个话题感到有些困惑。如果有人能指出我正确的方向或指出我可能会误解，那将是一个很大的帮助！

AngularJS：同时$ http get返回$ .each循环中的错误数据: 我正在尝试检索多个ID的数据，如下所示：（严重简化，但我希望我能说清楚）控制器： var idList = [39,40,41]; $.each(idList, function(key, value){ var dataObject = { type: “test”, id: value }; var getData = DataFactory.get(dataObject); getData.then(function(result){ console.log(result); } }); 厂： app.factory(“DataFactory”, [‘$http’, ‘$rootScope’, function($http, $rootScope){ url = ‘http://url/api’; var obj = {}; obj.get = function(object){ return $http({ method: ‘GET’, params: object, url: url }) .then(function(results){ return results.data; […]

从jQuery设置$ scope变量的值: 我想从jQuery函数中为$ scope中的变量设置一个值，如下面的代码所示。一切都很好，但新的价值反映在用户界面。 app.controller(‘myCtrl’, function($scope) { $scope.carname = “Volvo”; $(‘#sample’).click(function(e){ $scope.carname = “Audi”; }); }); 这是我的完整计划：链接如果有人帮我这个，我会很高兴的。

使用AngularJS的$ http POST请求将我的数据发布到服务器但失败并显示错误消息“Access-Control-Allow-Origin不允许”: 我正在搜索互联网，寻找找到使用AngularJS将数据发布到服务器的正确方法的方法。当我使用Angular JS执行$ http POST请求时，它将我的数据发布到服务器但是失败并显示错误消息“Origin http://localhost:8000不允许由Access-Control-Allow-Origin”，无论是否我用“file：///”试试，结果仍然一样。我尝试了互联网上提到的所有补救措施，包括 app.config([‘$httpProvider’, function ($httpProvider) { $httpProvider.defaults.useXDomain = true; delete $httpProvider.defaults.headers.common[‘X-Requested-With’]; }]); 并遵循本文中的大部分说明，但它们对我不起作用。我还设置了Access-Control-Allow-Origin: *和access-control-allow-headers: Origin, X-Requested-With, Content-Type, Accept, access_token, Origin, X-Requested-With, Content-Type, Accept, access_token服务器端方法，但我仍然得到相同的错误，以下是我的代码 var URL = “https://myURL”; var app = angular.module(‘myApp’, []); app.config([‘$httpProvider’, function ($httpProvider) { $httpProvider.defaults.useXDomain = true; delete $httpProvider.defaults.headers.common[‘X-Requested-With’]; }]); app.controller(‘UserController’, function($scope, $http){ $scope.user = {}; […]

Angular + VB.NET – 路由无法正常工作: 所以我正在开发一个使用AngularJS和用VB.NET编写的Web API的项目。所有这些工作都很好，直到我们必须维护路由。以下代码来自我的angularApp，它定义了路由。 var angularApp = angular.module(‘AngularApp’, [‘ngRoute’]); angularApp.config([‘$routeProvider’, function ($routeProvider) { $routeProvider .when(‘/ExpenseOverview’, { controller: ‘ExpenseOverviewController’, templateUrl: ‘Angular/Views/ExpenseOverview.aspx’ }) .when(‘/AddExpense’, { controller: ‘AddExpenseController’, templateUrl: ‘Angular/Views/AddExpense.aspx’ }) .when(‘/ApproveExpense’, { controller: ‘AddExpenseController’, templateUrl: ‘Angular/Views/ApproveExpense.aspx’ }) .when(‘/Organogram’, { controller: ‘AddExpenseController’, templateUrl: ‘Angular/Views/Organogram.aspx’ }) .when(‘/AddType’, { controller: ‘AddExpenseController’, templateUrl: ‘Angular/Views/AddType.aspx’ }) .when(‘/ExpenseEvidence’, { controller: ‘AddExpenseController’, templateUrl: ‘Angular/Views/ConfirmExpenseEvidence.aspx’ }) […]