如何根据条件追加指令
如何根据条件追加指令
提问于 2018-03-02 19:46:25
我有两个不同的指令。第一个是返回一个带实时视频的iframe，第二个返回带有最近的视频的iframe。
条件是:如果存在实时内容，则追加实时指令，否则追加最近的视频指令。
我尝试过使用普通的html，而不是指令，它可以工作，但是当我放置指令元素时，不幸的是不能工作。
工作
controller.js
function isLiveOn() {
var liveIframe = '<h2>LIVE</h2>';
var videoIframe = '<h2>VIDEO</h2>';
if (vm.live.items[0] != undefined) {
$('.iframe-container').append(liveIframe);
} else {
$('.iframe-container').append(videoIframe);
}
};不工作
controller.js
function isLiveOn() {
var liveIframe = '<live-iframe live="vm.live.items[0]"></live-iframe>';
var videoIframe = '<last-video video="vm.activity.items[0]"></last-video>';
if (vm.live.items[0] != undefined) {
$('.iframe-container').append(liveIframe);
} else {
$('.iframe-container').append(videoIframe);
}
};每个指令都有自己的html和js文件。就像这样：
directive.html
<div class="live">
<iframe ng-src="{{getIframeSrc(live.id.videoId)}}"></iframe>
</div>
<div class="live-description">
<h4>{{live.snippet.title}}</h4>
</div>directive.js
app.directive('live', live);
live.$inject = ['$window'];
function live($window) {
var directive = {
link: link,
restrict: 'EA',
templateUrl: 'path',
scope: {
live: '='
}
};
return directive;
function link(scope, element, attrs) {
scope.getIframeSrc = function(id) {
return 'https://www.youtube.com/embed/' + id;
};
}
} 所以我认为这与我可能遗漏的指令有一些问题。任何帮助都将不胜感激！
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-03-02 20:38:25
与处理控制器中的逻辑不同，您可以在UI中控制它，因为这样会更容易。
-----Other Html Codes-----
<live-iframe ng-if="vm.live.items[0]" live="vm.live.items[0]"></live-iframe>
<last-video ng-if="!vm.live.items[0]" video="vm.activity.items[0]"></last-video>
-----Other Html Codes-----并且可以从控制器中删除以下代码行
var liveIframe = '<live-iframe live="vm.live.items[0]"></live-iframe>';
var videoIframe = '<last-video video="vm.activity.items[0]"></last-video>';
if (vm.live.items[0] != undefined) {
$('.iframe-container').append(liveIframe);
} else {
$('.iframe-container').append(videoIframe);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49076299
复制相关文章
相似问题
腾讯云开发者
