Question

我有一个包含2个选项img和videos的下拉菜单，我必须显示与我的下拉选项有关的数据，所以我如何实现这一点请帮助我。

这是我的HTML代码：

<img class="cat-img" src="image path" style="width: 100px;margin: 10px 0px;"> 
or
 <video width="320" height="240" controls> <source src="videopath" type="video/mp4">
</video>

或者如何使用“ng if”取悦

Answer 1

使用`ng-if`

选择下拉列表

_flags -72539008 int _IO_read_ptr 0x0 char * _IO_read_end 0x0 char * _IO_read_base 0x0 char * _IO_write_base 0x0 char * _IO_write_ptr 0x0 char * _IO_write_end 0x0 char * _IO_buf_base 0x0 char * _IO_buf_end 0x0 char * _IO_save_base 0x0 char * _IO_backup_base 0x0 char * _IO_save_end 0x0 char * _markers 0x0 _IO_marker * _chain 0x7fe6368cf540 <_IO_2_1_stderr_> _IO_FILE * _fileno 0 int _flags2 0 int _old_offset 94543438232832 __off_t _cur_column 0 unsigned short _vtable_offset 7 '\a' signed char _shortbuf char [1] _lock x55fc9c068e50 _IO_lock_t * _offset -1 __off64_t __pad1 0x55fc9c070210 void * __pad2 0x55fc9c068e60 void * __pad3 0x0 void * __pad4 0x7fe644d41a93 void * __pad5 0 size_t _mode 0 int _unused2 char [20]

将您的图片/视频代码更改为

<select ng-model='option'>
 <option value='image'>Image</option>
 <option value='video'>Video</option>
</select>

如果您想为此图片/视频添加一行，请为此更好地编写一个组件。

Answer 2

使用＆＃39; bootstrap＆＃39;你可以做一个可折叠的＆＃39;手风琴查看此演示：https://jsfiddle.net/qq37qbdh/

where

如何在单个标签中显示视频或图像？

2 个答案:

使用`ng-if`