Question

我使用的是bootstrap模式，但是模态中的内容在两个方面都是动态的。首先是从数据库中提取的数据，然后是动态的，因为JavaScript只会让用户看到与他们按下的按钮相关的数据。

用动态HTML填充模态体的最佳方法是什么，我能想到的唯一方法是使用字符串来填充模态div的innerHtml属性。身体的设置最终会像

一样

<div class="modal_body">
  <section id="1">
    <div id="stuff1"/>
    <div id="stuff2"/>
  </section>
  <setion id="2">
  ...
  </section>
  ...
</div>

部分中的部分数量和“东西”div的数量是完全动态的。它们都默认设置为隐藏，触发模态时可见的那个将取决于触发它的按钮。

有没有一种干净的方法在后面的代码中编写HTML而不用HTML字符串填充C＃文件？例如，div部分在技术上有一个共同的模板，所以东西div也是如此。 asp中是否有功能可以使用html模板并动态填充占位符？

Answer 1

MVC和Razor会提供帮助，例如

<html>
<body>
@for(var i = 10; i < 21; i++)
    {<p>Line @i</p>}
</body>
</html>

网上有很多帮助

另外，看看客户端MVVM / MVC / M ???框架。

我想看一下AngularJS（谷歌），把你的数据作为JSON然后有像

这样的代码

<div ng-app="app" ng-controller="controller" class="modal_body">
  <div ng-repeat="section in sections" >
    <div ng-repeat="stuff in section.stuff">
     {{stuff.value}}
    </div>
  </div>
</div>

您的json将从强类型的c＃类生成。

它与bootstrap非常兼容，你不需要强大的javascript，嗯..我不是和我（团队的一部分），我们刚刚完成了一个像样的门户网站。

https://angularjs.org/

http://angular-ui.github.io/bootstrap/（查看一些例子）

希望这有帮助。

什么是使用ASP代码创建动态HTML的最佳方法

1 个答案: