На Plunker добился работы, используя ваш пример. Начал переносить локально, и ничего не работает. Переменые не передаются.
Что я делаю не правильно?
app.js'use strict';
angular.module('myApp', ['ngRoute'])
.config(function ($routeProvider) {
});
main.js'use strict';
angular.module('myApp')
.controller('MainCtrl', function ($scope) {
$scope.enabled = false;
$scope.close = function(){
$scope.enabled = false;
};
$scope.showMe = function(param){
$scope.movie = {src: param, title:"My Title"};
$scope.enabled = true;
};
});
index.html
<body data-ng-controller="MainCtrl">
<!--main -->
<div ng-view></div>
<div id="main">
<div data-ng-if="enabled">
<div style='background-color: #c0c0c0; position: absolute; width:90%; height:90%;'>
<button ng-click='close()'>Close</button>
<p>{{movie.title}}</p>
<iframe type="text/html" ng-src="{{movie.src}}"></iframe>
</div>
</div>
<div class="row">
<div class="container">
<h3>DZK Modal TEST</h3>
<button type="button" class="btn btn-danger" ng-click='showMe("/data")'>SHOW</button>
</div>
</div>
</div>