相关疑难解决方法(0)

如何从AngularJS中的变量设置iframe src属性

我正在尝试src从变量设置iframe 的属性,我无法让它工作......

标记:

<div class="col-xs-12" ng-controller="AppCtrl">

    <ul class="">
        <li ng-repeat="project in projects">
            <a ng-click="setProject(project.id)" href="">{{project.url}}</a>
        </li>
    </ul>

    <iframe  ng-src="{{trustSrc(currentProject.url)}}">
        Something wrong...
    </iframe>
</div>
Run Code Online (Sandbox Code Playgroud)

控制器/ app.js:

function AppCtrl ($scope) {

    $scope.projects = {

        1 : {
            "id" : 1,
            "name" : "Mela Sarkar",
            "url" : "http://blabla.com",
            "description" : "A professional portfolio site for McGill University professor Mela Sarkar."
        },

        2 : {
            "id" : 2,
            "name" : "Good Watching",
            "url" : "http://goodwatching.com",
            "description" : "Weekend experiment to help my …
Run Code Online (Sandbox Code Playgroud)

html javascript iframe angularjs angularjs-directive

210
推荐指数
3
解决办法
23万
查看次数

Iframe中的AngularJs ng-src

我正在尝试使用范围变量设置iframe的ng-src,并且它会一直显示为空白.

我试过这个:

<div ng-repeat="url in urls">
  <div ng-click="testAlert(url.domain)">
    <iframe ng-src="{{ url.domain }}" ></iframe>
    <div style="text-align: center">{[ url.domain ]}</div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

文本显示得很好,所以我知道值和那里的点击警告选择域.只是ng-src似乎最终空白,因此不会拉起网站.如果我将ng-src硬编码到外部站点就行了.

javascript iframe angularjs

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