0

我正在尝试使用 angular 和 bootstrap 创建一个显示 youtube 视频的模态窗口。当我对 youtube URL 进行硬编码时，按照angular bootstrap 页面上的模态示例运行良好。但是，当我在选择视频时尝试使用其中的 URL 创建一个变量时，我似乎无法在模态窗口的实例中保留该变量的声明/更改。

这是一个 plunker 在 Angular 站点的模态示例中演示我的问题：http ://plnkr.co/edit/n1vfSJUhcJWjNlfVrpxA?p=preview

启动模态窗口的按钮在单击时会调用两个函数：open()和 my testFunction().

<button class="btn btn-default" ng-click="testFunction(); open()">Open me!</button>

这testFunction只是为变量分配一个新值$scope：

$scope.testFunction = function(){
         $scope.testFromFunction = "Hey this is a test that was changed in that function!";
  };

如何<p>{{testFromFunction}}</p>进入模态窗口以在模态窗口中反映此变量分配？（应该说“嘿，这是一个在那个函数中改变的测试！”，而不是“仍然没有改变”）

我的实际应用程序中的testFunction等效功能采用$index并使用它来创建正确的 youtube URL。我需要动态创建单个 youtube 链接，并且不能将它们硬编码到 html/js 中。

非常感谢您的宝贵时间。如果您需要更多信息或有任何不清楚的地方，请告诉我。

4

1 回答 1

1

您有两个范围 - 一个用于“ ModalDemoCtrl”，另一个用于模式对话框本身。您尚未testFunction在按钮可见的第一个控制器中定义“”。您还TestFromFunction通过模态调用的“resolve”参数将“”定义为模态源，但您试图引用来自父控制器的值，而不是通过“resolve”传输的值。这是正确显示您的消息的固定插件，希望对您有所帮助。http://plnkr.co/edit/F3gV7y3MYJLvzsBYZGnS?p=preview

于 2015-03-10T13:22:32.227 回答