相关疑难解决方法(0)

如何在Angular UI Bootstrap中为模态和非模态形式使用相同的控制器?

我有一个带注册表格的模态.相同的表单应显示在目标网页的底部而不是模式中.

目前我的处理注册模式的控制器$modalInstance作为其参数之一$scope等.如果我添加ng-controller="SignUpCtrl"到着陆页中的元素,它不起作用,因为控制器不是通过$modal.open方法创建的,所以Angular抱怨Unknown provider: $modalInstanceProvider <- $modalInstance.

我有一个注册用户的服务(authService.signUp(data).then/catch...)但是控制器本身做了一些 - 处理输入,发出事件(例如翻译错误消息),设置cookie等.

在不重复几乎整个控制器代码的情况下处理此类案例的最佳方法是什么?我应该将代码从控制器移动到另一个更高级别的服务吗?

angularjs angular-ui angular-ui-bootstrap

24
推荐指数
3
解决办法
1万
查看次数

角度bootstrap ui模式与相同的控制器而不是新的控制器

我正在使用角度bootstrap ui模式框,它说为新控制器提供一个新的$ modalInstance.我想使用相同的控制器,我已经初始化模态框.我搜索但没有成功.我发现这个链接但没有成功 -

如何在Angular UI Bootstrap中为模态和非模态形式使用相同的控制器? Angular-ui bootstrap模式,无需创建新控制器

app.controller('UserCtrl',['$scope','$filter','ngTableParams','$modal',function($scope, $filter, ngTableParams,$modal) {

  var modalInstance = $modal.open({
  templateUrl: 'myModalContent.html',
  controller: 'ModalInstanceCtrl', //Instead of this i want to use the same controller 'UserCtrl'
  size: size,
  resolve: {
    items: function () {
      return $scope.items;
    }
  }
});

modalInstance.result.then(function (selectedItem) {
  $scope.selected = selectedItem;
}, function () {
  $log.info('Modal dismissed at: ' + new Date());
});
 };
};

  } ]);
Run Code Online (Sandbox Code Playgroud)

这样我就可以在同一个控制器上调用save函数,该控制器在保存单击模态框时调用

javascript angularjs angular-ui-bootstrap

12
推荐指数
1
解决办法
9437
查看次数