Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ng if进行不同的渲染?_Javascript_Angularjs_Angularjs Templates_Angularjs Ng If - Fatal编程技术网

Javascript 使用ng if进行不同的渲染?

Javascript 使用ng if进行不同的渲染?,javascript,angularjs,angularjs-templates,angularjs-ng-if,Javascript,Angularjs,Angularjs Templates,Angularjs Ng If,我有一个JSON提要,它提供了一个搜索结果列表——该列表包含产品和常规页面。呈现列表时,产品的呈现方式与常规页面不同,这意味着,如果产品或页面是不同的HTML。 我将如何实现这一点?是否可以执行以下操作: <ul> <li ng-repeat="item in items"> <div ng-if="item.type == 'pr

我有一个JSON提要,它提供了一个搜索结果列表——该列表包含产品和常规页面。呈现列表时,产品的呈现方式与常规页面不同,这意味着,如果产品或页面是不同的HTML。 我将如何实现这一点?是否可以执行以下操作:

<ul>
                                <li ng-repeat="item in items">
                                    <div ng-if="item.type == 'product'>PRODUCT HTML HERE</div>
                                    <div ng-if="item.type == 'page'>PAGE HTML HERE</div>
                                </li>
                            </ul>
  • 页面HTML在这里

如果没有,如何在ng重复中实现不同的渲染

最好使用
ng include
here/


  • 可以用不同的方式来做。你尝试过你的方法吗?它对你有效吗?请在询问之前尝试。是的,它应该工作,但现在你会得到各种各样的变化,只是为了人们想要提供answers@nuffsaid很高兴帮助你……谢谢:)
    <ul>
         <li ng-repeat="item in items">
               <div ng-include="item.type == 'product'? 'product.html': 'page.html'></div>
         </li>
    </ul>