javascript - 我可以使用哪种技术在表单字段中加载对象的值，然后更新该值，使其可用于我的 $scope 变量

Question

我正在构建一个应用程序，您可以创建、更新和删除笔记。我想知道我可以使用哪种技术在表单字段中加载我想要的值，并且仍然使其可用于 Controller 中的 $scope 变量。看来我不能同时进行这两件事(要么将表单启动为空，然后使用 ng-model="title" 即，或者我可以使用 value="{ 加载值{note.title}}"，但是我无法使 Controller 中可用的字段值来更新我的注释。

我相信这是非常简单的解决方案，但我只是无法在其他来源中找到答案。

index.html

 <script type="text/ng-template" controller="notesCtrl" id="/notes.html">
  <div class="container">
    <div class="row">
      <div class="col-lg-9" style="position: relative">
        <form ng-submit="updateNote()" >
          <div class="row">.</div>
          <div class="row">
            <input type="text"   class="form-control" value="{{note.title}}" >
            <div class="row">.</div>
            <input type="text" class ="form-control" value="{{note.body}}"    style="width: 100%; height: 300px">
            <div class="row">.</div>
          </div>
          <button type="submit">Save Note</button>
        </form>
      </div>
    </div>
  </div>
</script>

和我在app.js中的 Controller

   .controller('notesCtrl', [
    '$scope', 
    'notesFactory', 
    'note', 
    '$stateParams', function(
        $scope, 
        notesFactory, 
        note, 
        $stateParams) {
        $scope.note = note;

        $scope.updateNote = function() {
        notesFactory.update(
            $stateParams.id,
            {
                title: $scope.title,
                body: $scope.body
            })
        }
 }])

Answer 1

试试这个方法:HTML:

<input type="text" class="form-control" ng-model="title">

脚本:

.controller('notesCtrl', [
    '$scope', 
    'notesFactory', 
    'note', 
    '$stateParams', function(
        $scope, 
        notesFactory, 
        note, 
        $stateParams) {
        $scope.note = note;

        $scope.title = 'titleValue' //YOUR VALUE GOES HERE

        $scope.updateNote = function() {
        notesFactory.update(
            $stateParams.id,
            {
                title: $scope.title,
                body: $scope.body
            })
        }
 }])