django - クリック時に編集可能なテキストボックス、angular.js

Question

私のプロジェクトにはプロジェクト名のリストがあり、angular.js を使用して動的テキスト ボックスで名前を編集したいと考えています。プロジェクト タイトルの横にあるボタンをクリックするとプロジェクト名のテキスト ボックスが編集可能になり、入力が終わったら別のボタンで編集を確認したいと思います。angular.js でそのようなことはできますか? 私はチュートリアルを終えたばかりで、まったく初心者です。

Answer 1

実際、私が AngularJS のプレゼンテーションを行っているときに、これは私の最もお気に入りの例の 1 つです :)

JS コードが 1 行もないコードがあります: http://plnkr.co/edit/ZwYA6R2e6kdhHBJAYf3V?p=preview

  <span ng-hide="editing">
    {{name}} <button ng-click="editing = true">Edit</button>
  </span>
  <span ng-show="editing">
    <input type="text" ng-model="name"> 
    <button ng-click="editing = false">Save</button>
  </span>