Javascript 如何根据条件附加指令

我有两种不同的指令。第一个是返回带有实时视频的iframe，第二个是返回带有最近视频的iframe

条件是：如果存在直播内容，则追加直播指令，否则追加最近的视频指令

我试着用普通html代替指令，但当我放入指令元素时，不幸的是，它不起作用

工作

controller.js

函数是独立的{ var liveIframe='LIVE'； var videoIframe='视频'； 如果vm.live.items[0]！=未定义{ $'.iframe容器'.appendliveIframe； }否则{ $'.iframe容器'.appendvideoIframe； } }; 不起作用

controller.js

函数是独立的{ var liveIframe=； var videoIframe=； 如果vm.live.items[0]！=未定义{ $'.iframe容器'.appendliveIframe； }否则{ $'.iframe容器'.appendvideoIframe； } }; 每个指令都有自己的html和js文件。 诸如此类：

directive.html

{{live.snippet.title} 指令.js

应用指令'live'，live； live.$inject=['$window']； 函数live$窗口{ var指令={ 链接：链接， 限制：“EA”， templateUrl:“路径”， 范围：{ 现场：'=' } }; 返回指令； 函数链接范围、元素、属性{ scope.getIframeSrc=functionid{ 返回'https://www.youtube.com/embed/“+id； }; } } 所以我想我可能遗漏了一些指令的问题。

---

任何帮助都将不胜感激

您可以在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);
}

---

谢谢我试图使用ng if，但我使用不正确！你救了我一天！