Question

我有一个AngularJS Modal Bootstrap表格。如何设置表单内的文本样式？在下面的例子中，我喜欢＆＃39;姓名＆＃39;要大胆。我尝试过标签，div，ng-class，但是当Angular处理表单时，它似乎被剥离了。

＆＃13;

    <form novalidate class="simple-form">
      <div ng-class="col-sm-2 control-label">Code:</div> {{Code}} 
      <label>Name:</label> {{Name}}
      <label>Our Name:</label><input type="text" ng-model="Our_Name" />
</form>

＆＃13;

当我查看来源时，它总是出现：

＆＃13;

<form novalidate="" class="simple-form ng-scope ng-pristine ng-valid ng-binding">
      Code: C11 Name: Accredited Surety Cas Co.
      Our Name: <input type="text" ng-model="Our_Name" class="ng-pristine ng-valid"><br>
</form>

＆＃13;

＆＃13; 谢谢你的期待。

Answer 1

我希望您在代码中包含bootstrap.css。对于模态窗口，您需要添加模式特定的类，如下所示。

<form novalidate>
  <div class="modal-dialog simple-form">
    <div class="modal-content">
      <div class="modal-header">
        //your rest html
      </div>              
    </div>
  </div>
</form>

以下是更新的fiddle。

我希望这就是你要找的东西。感谢

如何在AngularJS模态窗体内设置样式？

1 个答案: