这是什么代码?{{phrase.addAdministrator}}


What Code is this ??? {{phrase.addAdministrator}}

我遇到了一个应用程序,其中包含这种类型的代码,我不明白什么{{短语。是,它是从哪里来的?

<section class="content" ng-show="views.list"><a ng-click="changeView('add')" class="floatRTL btn btn-success btn-flat pull-right marginBottom15">{{phrase.addAdministrator}}</a>  
  <div class="box col-xs-12">
      <div class="box-header">
          <h3 class="box-title">{{phrase.listAdministrators}}</h3>
          <div class="box-tools">
              <div class="input-group">
                  <input type="text" name="table_search" ng-model="searchText" class="form-control input-sm pull-right" style="width: 150px;" placeholder="{{phrase.Search}}">
                  <div class="input-group-btn">
                      <button class="btn btn-sm btn-default"><i class="fa fa-search"></i></button>
                  </div>
              </div>
          </div>
      </div>
      <div class="box-body table-responsive">
          <table class="table table-hover">
              <tbody><tr>
                  <th>{{phrase.ID}}</th>
                  <th>{{phrase.name}}</th>
                  <th>{{phrase.username}}</th>
                  <th>{{phrase.email}}</th>
                  <th>{{phrase.Operations}}</th>
              </tr>
              <tr ng-repeat="admin in admins | filter:searchText">
                  <td>{{admin.id}}</td>
                  <td>{{admin.fullName}}</td>
                  <td>{{admin.username}}</td>
                  <td>{{admin.email}}</td>
                  <td>
                    <a ng-click="edit(admin.id)" type="button" class="btn btn-info btn-flat" title="{{phrase.Edit}}" tooltip><i class="fa fa-pencil"></i></a>
                    <a ng-click="remove(admin,$index)" type="button" class="btn btn-danger btn-flat" title="{{phrase.Remove}}" tooltip><i class="fa fa-trash-o"></i></a>
                  </td>
              </tr>
              <tr ng-show="!admins.length"><td class="noTableData" colspan="5">No administrators</td></tr>
          </tbody></table>
      </div>
  </div>
</section>
<section class="content" ng-show="views.add">
  <a ng-click="changeView('list')" class="floatRTL btn btn-danger btn-flat pull-right marginBottom15">{{phrase.cancelAdd}}</a>
  <div class="box col-xs-12">
    <div class="box-header">
        <h3 class="box-title">{{phrase.addAdministrator}}</h3>
    </div>
    <div class="box-body table-responsive">
      <form class="form-horizontal" name="addAdmin" role="form" ng-submit="saveAdd()" novalidate>
        <div class="form-group" ng-class="{'has-error': addAdmin.fullName.$invalid}">
          <label for="inputEmail3" class="col-sm-2 control-label">{{phrase.FullName}} * </label>
          <div class="col-sm-10">
            <input type="text" name="fullName" ng-model="form.fullName" class="form-control" required placeholder="{{phrase.FullName}}">
          </div>
        </div>
        <div class="form-group" ng-class="{'has-error': addAdmin.username.$invalid}">
          <label for="inputPassword3" class="col-sm-2 control-label">{{phrase.username}} *</label>
          <div class="col-sm-10">
            <input type="text" name="username" ng-model="form.username" class="form-control" placeholder="{{phrase.username}}" required>
          </div>
        </div>
        <div class="form-group" ng-class="{'has-error': addAdmin.email.$invalid}">
          <label for="inputPassword3" class="col-sm-2 control-label">{{phrase.email}} *</label>
          <div class="col-sm-10">
            <input type="email" name="email" ng-model="form.email" class="form-control" placeholder="{{phrase.email}}" required>
          </div>
        </div>
        <div class="form-group" ng-class="{'has-error': addAdmin.password.$invalid}">
          <label for="inputPassword3" class="col-sm-2 control-label">{{phrase.password}} *</label>
          <div class="col-sm-10">
            <input type="password" name="password" ng-model="form.password" class="form-control" placeholder="{{phrase.password}}" required>
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-default" ng-disabled="addAdmin.$invalid">{{phrase.addAdministrator}}</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</section>

如果你能解释一下这一切意味着什么,我怎么能创建这样的代码??

如有任何帮助,不胜感激

在本例中,这些都是AngularJs表达式。还有其他使用花括号{{}}的模板引擎,比如Mustache,但是在你提供的代码中,它是AngularJs。