AngularJS将数据传递给引导模态

前端之家收集整理的这篇文章主要介绍了AngularJS将数据传递给引导模态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我觉得我错过了一些东西,但不能弄清楚什么。
基本上我正在尝试传递一个对象到模态如下,但不是得到传递的对象我得到null …所以我认为是范围的问题,但我是新的角度,需要一些帮助。

控制器

@H_404_4@app.controller("musicviewmodel",function ($scope,$http,$location,$uibModal,$log) { $scope.selected = null; $scope.open = function (item) { $scope.selected = item; $log.info('Open' + $scope.selected); // get right passes object var modalInstance = $uibModal.open({ templateUrl: 'myModalContent.html',controller: 'musicviewmodel',size: 'lg',resolve: { items: function () { return $scope.selected; } } }); }; $scope.toggleAnimation = function () { $scope.animationsEnabled = !$scope.animationsEnabled; }; });

视图

@H_404_4@<div class="row" ng-controller="musicviewmodel"> <script type="text/ng-template" id="myModalContent.html"> <div class="modal-header"> <h3 class="modal-title">I'm a modal!</h3> </div> <div class="modal-body"> <ul> <li> {{ selected }} // always gets null </li> </ul> </div> </script> </div>
我建议您通过自己的控制器的范围,而不是再次传递相同的控制器,通过这样做,您也可以删除解决方案。 @H_404_4@var modalInstance = $uibModal.open({ templateUrl: 'myModalContent.html',scope: $scope,//passed current scope to the modal size: 'lg' });

否则,您需要创建一个新的控制器,并分配该控制器的模式,同时打开它。

原文链接:https://www.f2er.com/angularjs/144950.html

猜你在找的Angularjs相关文章