【AngularJS 控制器的方法】教程文章相关的互联网学习教程文章

javascript – AngularJS:将对象从指令传递给控制器【代码】

在我的指令中,我正在实例化一个对象. 我想将此对象传递给与指令关联的控制器的范围.我怎么做? 请记住,这是一个孤立的代码,供您了解该问题.在实际问题中,它无助于在控制器内实例化该对象. 我知道指令中的scope对象是用于传递HTML中指定的值,我这样编写它是为了帮助您理解我正在尝试做的事情.angular.module('test', []).controller('test', ['$scope', function($scope) {alert($scope.obj); //Needs to contain {value: 'bla'}}])...

java – AngularJs如何从Spring MVC控制器访问Model Attribute值【代码】

我有一个Spring MVC Controller返回一个带有如下属性的页面@RequestMapping(method = RequestMethod.GET, value = "/create") public ModelAndView getAddAccountView() {ModelAndView model = new ModelAndView("protected/accounts/AccountAddView");List<Client> clients=clientService.findAll();model.addObject("listClients", clients);return model; }客户是@Entity 在我的AccountAddView.jsp文件中,我正在尝试使用ng-init...

javascript – 动态加载angularjs并生成控制器和范围【代码】

我想在应用程序中使用angular,但默认情况下不会在应用程序中加载角度.单击某个特定按钮时,会创建一个新div,我想在该div上使用angular. 我正在使用yepnode加载角度,如下面的代码所示:yepnope({test:window.angular,nope: ['/filesystem/content/js/angular.js'],complete: function(){ console.log('complete');} });鉴于我已加载角度,我可以访问div为$div,我的下一个操作将是1. Create some html and use it as the innerHTML of ...

javascript – 在angularjs控制器中创建乘法函数?【代码】

我试图在angularjs控制器中创建一个乘法函数.我希望功能返回数量和价格的产品.我正在使用下面的代码段,但它返回了一个错误.我究竟做错了什么?<!DOCTYPE html> <html><head> <script src= "Angular.js"></script> </head><body><div ng-app="" ng-controller="personController"><h2>Cost Calculator</h2>Quantity: <input type="number" ng-model="quantity"> Price: <input type="number" ng-model="price"><p><b>Total in dolla...

javascript – 如何在AngularJS中将控制器的传递值返回到指令的模板属性?【代码】

我创建了一个AngularJS指令,如下所示.在关联的控制器中,我将变量文本的值计算为“SomeText”.我希望这个文本取代Hello World !!在指令的模板属性中.我该怎么做? 我的HTML:<myp-directive myarg="myObject"></myp-directive>我的指示:myApp.directive('mypDirective',function(){return {restrict:'E',scope: {myarg: '='},controller: 'DirectiveCtrl',controllerAs: 'directiveCtrl',bindToController: true,template: 'Hello ...

javascript – FileReader onload不在控制器范围Angular 2中【代码】

我正在尝试以块的形式发送文件以保存在数据库中,并且我正在使用FileReader.readAsArrayBuffer()来触发onload事件.一旦我进入onload事件,我的问题就会发挥作用,’this’的范围只包含FileReader属性,而不包含我的类.甚至在onload事件之前定义的变量也是不可访问的.我以为我可以尝试将’this’的值作为参数传递给我,这样我就可以访问我的函数,服务和变量,但到目前为止我还没有取得任何成功.有没有人尝试过类似的东西,或者知道我是否达...

javascript – AngularJS指令控制器的语法和范围【代码】

这是我的代码: // HTML<body><h1>{{foo.name}}</h1><my-directive></my-directive> </body>//脚本app.directive('myDirective', function() { return {restrict: 'E',replace: true,scope: true, //**********template: '<h4>{{foo.name}}</h4>',controllerAs: 'foo',controller: fooCtrl,link: function(scope) {console.log(scope);} } });var fooCtrl = function() {this.name = 'FOO'; }我的问题: 如果我使用controllerAs语...

javascript – 如何将函数处理程序从控制器传递到AngularJs中的指令隔离范围?【代码】

我在控制器中有以下功能:angular.module('app').controller('BodyController', function(){this.click = function(message){alert(message);}})我想将此函数传递给指令的隔离范围,以使用某些特定的参数调用它,类似于:angular.module('app').directive('custom', function(){return {restrict: 'A',scope: {text: '@',click: '&click'},link: function(scope, element){//...scope.click('Hello, Plunker!');//...}}})我以这种方式...

javascript – Angular控制器无法动态检测Braintree支付随机数【代码】

Braintree的客户创建SDK系统在您点击提交后立即在表单中生成一个nonce输入字段.<input name="payment_method_nonce" type="hidden" value="nonce-here">但是,使用Angular的ng模型输入识别系统,我无法检测到控制器中动态生成的输入.表单提交后,我正在我的控制器中执行一个函数.<form id="checkout" id="checkout" ng-submit="processForm(formData)"> 如您所见,无法收集随机数的值并将其提交给脑树API命令,例如创建新用户的付款...

javascript – 如何使用Jasmine测试AngularJS控制器在Promise中返回的值?【代码】

我有一个控制器,它暴露了一个在休息调用后返回一些文本的函数.它工作正常,但我无法使用Jasmine进行测试.测试中的promise处理程序内的代码永远不会执行. 控制器:/* global Q */ 'use strict'; angular.module('myModule', ['some.service']).controller('MyCtrl', ['$scope', 'SomeSvc', function ($scope, SomeSvc) {$scope.getTheData = function (id) {var deferred = Q.defer();var processedResult = '';SomeSvc.getData(id)....

javascript – Angular js – 从控制器调用data-modal-target【代码】

我是棱角分明的新人,对模态有疑问.在我的HTML中,我正在使用像这样的数据模态目标<li><button data-modal-target='#delete-connection' ng-click="deleteConnection(cloudconnection.id)">Delete Connection</button></li>我在我的html中定义了一个id为delete delete-connection的div,其中包含模态对话框的内容,如OK / Cancel.上面的代码工作正常,单击按钮时我看到一个模态对话框. 但现在我想从我的控制器显示这个模态对话框.单击按...

javascript – Angular UI-Router仅在选择路由时加载控制器【代码】

假设我有两个页面,云和设置.我有以下代码设置:var routerApp = angular.module('APP', ['ui.router']);routerApp.config(function($stateProvider, $urlRouterProvider, $locationProvider) {$locationProvider.html5Mode(true);$urlRouterProvider.otherwise('/cloud');$stateProvider.state('cloud', {url: '/cloud',templateUrl: 'pages/templates/cloud.html',controller: 'cloud',}).state('settings', {url: '/settings',te...

javascript – AngularJS – 从.NET控制器生成视图只执行一次【代码】

我有一个使用AngularJS的MVC .NET应用程序.在我的路由提供程序中,我使用mvc的控制器来检索视图,如下所示:.when('/Units', {templateUrl: 'Unit/Units'}).when('/UnitsDetail', {templateUrl: 'Unit/UnitsDetail'})我的.NET UnitController有以下方法:[Authorize]public ActionResult Units(){return View();}[Authorize]public ActionResult UnitsDetail(){ViewBag.reference = Guid.NewGuid().ToString().Substring(0, 6);retur...

javascript – 在AngularJS中使用带有自定义指令的不同控制器?【代码】

我创建了一个搜索框,用于两个不同的视图,一个用于搜索作业,另一个用于搜索公司.我为两者和单独的服务制作了两个独立的控制器. 这是搜索框的html – <span class="searchButton"><i class="fa fa-search fa-2x"></i></span> <input ng-change="companies.search()" ng-model="companies.searchTerm" ng-keydown="companies.deleteTerm($event)" type="text" id="search-box" style="width: 0px; visibility:hidden;"/>这是我用来设...

java – 如何从spring控制器获取angularjs中的模型属性值【代码】

我将弹簧控制器定义为@Controller public class TestController {private Logger logger = LoggerFactory.getLogger(getClass());@RequestMapping(value="/hello")public String home(HttpServletRequest httpRequest, Model model) { model.addAttribute("Authorization", "test string");return "/index";} }有没有办法在angularjs控制器中获得属性“授权”?解决方法:试试这个: ($location.search()).授权 有关$locat...