Очень простой пример не работает

Question

Может кто-нибудь объяснить мне, почему этот простой пример не работает?

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.11/angular.min.js"></script>


<p>{{accountID}}</p>

<input class="form-control input-sm" uib-tooltip="Search by Account ID" validator="/^[0-9]{1,15}$/" validator-invoke="watch" validator-error="Account ID must have 1 to 15 digits." type="number" placeholder="Search by Account ID"
  ng-model="accountID" min="1" required>

Answer 1

Вам необходимо включить перенос кода между тегами <div ng-app>...</div> следующим образом: -

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.11/angular.min.js"> 
</script>
<div ng-app>
    <p>{{accountID}}</p>
    <input class="form-control input-sm" uib-tooltip="Search by Account ID" validator="/^[0-9]{1,15}$/" validator-invoke="watch" validator-error="Account ID must have 1 to 15 digits." type="number" placeholder="Search by Account ID" ng-model="accountID" min="1" required>
</div>

Answer 2

Это не работает, так как вы нигде не инициализировали Angular. Пожалуйста, проверьте мой пример. я сделал и сделаю этот div владельцем angular, и теперь он работает нормально

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.11/angular.min.js"></script>

<div ng-app="">
<p>{{accountID}}</p>

<input class="form-control input-sm" uib-tooltip="Search by Account ID" validator="/^[0-9]{1,15}$/" validator-invoke="watch" validator-error="Account ID must have 1 to 15 digits." type="number" placeholder="Search by Account ID"
  ng-model="accountID" min="1" required>
  </div>