Question

我对angularjs非常陌生，并希望将其某些功能用于我的网络应用程序。

我想创建一个表单，当我输入表单时，应用程序会显示内容的预览，例如stackoverflow的请求页面。问题是，我希望有一个默认值，如＆＃34; title＆＃34;当我开始输入＆＃34;标题＆＃34;消失，内容显示在其位置。我尝试使用ng-init和ng-modal但是当我使用ng-init和ng-modal时，值＆＃34; title＆＃34;显示在表格中。我知道如何用ajax做到这一点，但是对于每一个输入文本来说都很无聊。

如果你知道我的意思，我不希望它在表格中显示为价值......

有关如何实现这一目标的任何建议吗？

以下是摘录：

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="" ng-init="title='title'" ;>
  <form>
    <input type='text' ng-model='title'>
  </form>
  <br> {{title}}

</div>

＆＃13;

正如你在表格中看到的那样，它有标题作为价值我希望表格之外的标题在那里，但里面的标题不是。

Answer 1

您只想使用占位符。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="">
  <form>
    <input type='text' placeholder="title" ng-model='title'>
  </form>
  <br> {{title}}

</div>

没有与angular的链接，只是一个基本的HTML功能

Answer 2

使用ng-init中的另一个变量代替模态变量，并将该变量的更改设置值更改为模态变量值

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="" ng-init="previewTitle='Title'" ;>
  <form>
    <input type='text' ng-model='title' ng-change="previewTitle=title">
  </form>
  <br> {{previewTitle}}

</div>

ng-init和ng-model为表单赋值

2 个答案: