【angular中实现控制器之间传递参数的方式】教程文章相关的互联网学习教程文章

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...

javascript – 如何使用Angular.js将HTML文件与控制器链接?【代码】

我正在尝试使用MEAN堆栈构建app模块,而我正在使用MVC.所以我有一个名为AppModules的文件夹,里面有一个名为search的文件夹,里面有3个文件夹,模型,视图和控制器.我在views文件夹中写了一个HTML文件.此外,在控制器文件夹中,我有一个简单的功能,只是输出一些东西到控制台.现在我如何将这两者连接在一起? 我观看了一个MEAN堆栈教程,视频中的人正在将HTML文件写入项目的index.html文件中,这是服务器自动打开的内容.我正在和其他人一起开...

javascript – 如何使控制器功能在AngularJS中只执行一次?【代码】

我有一个控制器在一些HTML中引用.并且html会在某些事件上发生变化,因此控制器功能代码会执行多次.问题是我有一个代码的和平,只需要执行一次.这是控制器:angular.module("someModule", [dependencies]) .controller("leftBoardController", function ($scope, someService) {(function createFilter(dataService) {// here I'm loading all the data on which I want to operate after// this code should execute only once})(Tem...

javascript – angularjs – 控制器继承调用父级【代码】

我在第一个模块中有一个父控制器,在第二个模块中有一个“子”控制器.第二个模块依赖于第一个模块.我希望我的“子”控制器继承“父”控制器.但问题是如何调用“父”控制器方法. 例如:SecondModule.controller("childBrowseCtrl", function($scope, $injector, $controller){$injector.invoke(ParentBrowseCtrl, this, {$scope:$scope});//this overrides the onedit function from parent$scope.onEdit = function(){console.log("...

c# – 需要使用angularjs向mvc控制器发送隐藏的输入值【代码】

我有一个隐藏的输入字段,其中包含我需要发送我的mvc控制器的值.$http({ method: 'GET', url: '/User/GetProjectsList' }) .success(function (data, status, headers, config) { $scope.workflow = [];$scope.Projects = data; }) .error(function (data, status, headers, config) {alert('error'); });隐藏的领域是:<input type="hidden" ng-model='ProjectId' value="{{ProjectsObj.IDWorkflow}}"></input>如何将值发送...

javascript – Angular:工厂模型中的更新不会反映在控制器中【代码】

我有一个用户首选项工厂,它保存用户首选项值.页面加载时为空.用户登录后,用户配置文件填满.伪代码app.factory('pref', function($rootScope){var pref = {}, age, name; $rootScope.$on('logged.in', function(){pref.name = 'sam';pref.age = 30;pref.currency = '$';age = getAge(); name = getName();})function getName(){//format namereturn name;}function getAge(){return age;} return {currency: pref.currency,...

javascript – AngularJS中的全局“App”控制器【代码】

我注意到在一些教程和代码示例中浮现在互联网开发人员的应用程序和模块中使用全局AppController. 在AngularJS中创建全局AppController是最佳实践吗? 我确实看到了一些好处,例如能够在“全局”范围内处理事件,例如:app.controller('AppController', function($scope, $rootScope, $route, $location){$rootScope.$on('$routeChangeStart', function(event, current, previous) {console.log('Do something...');});$rootScope.$on...

javascript – 在AngularJS中,为什么将表示逻辑(如jQuery)放入控制器会对可测试性产生负面影响?

我是Angular的新手,也是“测试”思维模式的编码.我理解将表示逻辑放入控制器并不是“Angular Way”,但不明白为什么它会对可测试性产生负面影响.解决方法:因为它依赖于有一个DOM来测试.您应该能够在不需要创建DOM的情况下测试控制器逻辑,因为您应该只是模拟依赖项,然后在构造的视图模型中测试数据. 除了测试之外,控制器在生活中的工作是编组数据,他们不了解视图,他们所知道的只是一个视图模型,他们应该只调用后端服务,然后将这些数据...

javascript – AngularJS通过$compile的动态内容范围没有附加到控制器范围【代码】

当我通过具有指令的字符串生成新元素(这就是我需要编译的原因)并且该指令通过“=”生成与控制器范围中的变量的关联时,我的控制器中的变量不与一个在指令中. 我创建了一个jsfiddle来显示“门”ng模型值应该与所有指令模型值相关联的示例. 看到这个小提琴:http://jsfiddle.net/aVJqU/2/ 我注意到的另一件事是,从html中存在的元素运行的指令通过变量(控制器和指令)显示正确的关联. html(有绑定< door>的指令):<body ng-app="animate...

javascript – 从选择Angularjs调用控制器函数【代码】

我想知道如何在控制器中调用函数,具体取决于菜单中选择的选项. 例如,使用ng-click,单击a时,我可以调用该函数.我希望在AngularJS中选择类似的东西.<select class="dropdown"> <option value="">Menu</option> <option ng-click="open()">Settings</option> // call open() when Settings is selected </select> 有任何想法吗?解决方法:使用ng-change和ng-model:<select ng-model="model" ng-change="onSelect()" >其中onSelect()...

javascript – AngularJS:在除一个字段之外的所有字段的控制器中进行过滤【代码】

在我的angularjs应用程序中,我通过json获得了这样的数据示例:{"id":"1a", "name": "aaa", "emails": {{"123@123.com"}, {"123@123.info"}}}, {"id":"2a", "name": "aba", "emails": {{"23@123.com"}, {"3@123.info"}}}, {"id":"3a", "name": "aab", "emails": {{"3@123.com"}, {"3@123.info"}}},出于性能原因,我没有使用过滤器进行ng-repeat,但使用ng-show模式…… 所以在控制器中我有这样的代码(搜索是我的输入值):$scope.$watc...

javascript – AngularJS:如何通过ng-href将多个参数传递给控制器​​?【代码】

我有一个包含编辑按钮的表来更新记录.当我将单个id传递给ng-href时,其工作正常并打开表单页面: 例如:在我的index.html表中<a class="btn btn-warning" ng-href="#/provider/{{row._id}}">Edit</a>但我想将另外一个参数与row._id一起传递给ng-href,如:<a class="btn btn-warning" ng-href="#/provider/{{row._id}}/collectionName/{{collectionName}}">Edit</a>它无法正常工作并重定向到主页. 这是我的控制器:$timeout(function...

javascript – 如何将范围中的变量注入Angular控制器?【代码】

在index.html中,我做的是这样的:<div ng-controller="MyController"><div ng-model="pk" ng-init="pk='2'"></div> </div>无论如何,在我的角度文件中,我正在做这样的事情:.controller('MyController', ['$scope', function($scope) {alert('Sup ' + $scope.pk);} ])那么让我们说URL的pk为2,我希望看到这样的东西:Sup 2但是,我的输出是这样的:Sup undefined我究竟做错了什么?谢谢!解决方法:使用$timeout延迟警报:.controller(...