Javascript 角度观测

我正在做一些练习来了解Angularjs是如何工作的。。。但我现在有点困惑

遵循API，各种文档和教程，我找不到确切的我想看到的

因此，我创建了一个小JSFIDLE：

我所做的是非常基本的。。。也许我也做得不好。。。但是我正在学习，每一个提示对我来说都是非常棒的

我的目标是：

让一切充满活力。。。很明显

我不明白为什么如果我更改顶部输入的名称或日期，我的红色条不会更新（似乎不可见…）

我还创建了一个获取数据按钮来查看更新后的Json，但它只返回

[object，object]

另外，在我理解了这两件事之后，我想把它也颠倒过来。。。我的意思是像一个可拖动的红色条，它会在顶部更新日期。。。（如果可能的话）

这是我的小应用程序：

function App($scope) {
        $scope.windows = [
            {"name":"First Window","from":"2013-11-05","to":"2013-11-21"},
            {"name":"Second","from":"2013-11-10","to":"2013-11-30"},
            {"name":"Another One","from":"2013-11-17","to":"2013-11-20"}
        ];

        $scope.addWindow = function() {
            $scope.windows.push({"name":"insert name","from":"2013-11-01","to":"2013-11-02"});
        };

        $scope.setWindow = function(from, to) {
            var f = (from.split("-")[2]) * 40,
                t = ((to.split("-")[2]) * 40) - f;

            return { f: f, t: t };
        };



        $scope.getData = function() {
            console.log($scope.windows);
        };

    };

HTML如下所示（我删掉了“日历”）：

姓名：发件人：收件人：
添加窗口
2013-11-01
2013-11-02
...
{{window.name}
获取数据

---

请如果你知道容易和深入的文档，例子等好网站。。。与我分享。

我总是使用Angular站点来编写文档。有吗

针对您的问题：您需要在这些输入上使用

ng model

，而不是设置值

<input ng-model="window.name">

1

我不明白为什么我要更改上面输入的名称或日期 我的红色条不会更新（似乎不可见…）

要进行双向数据绑定，需要使用ng模型 具体来说，你需要这样做

`<input ng-model="window.name">` 

`

而不是输入值为“window.name”

我还创建了一个get data按钮来查看更新后的Json，但它会返回 只是[对象，对象]

这是意料之中的

对于draggable，您需要创建一个自定义的angular js指令

---

谢谢，现在可以改名了！太酷了！但是如果我在日期值上做同样的操作，它还不起作用。。。也感谢您提供console.log@在我的例子中，我只是做了一个输入。将

ng模型应用于其他模型。日期如何？还有一种方法可以让它变得可见吗？@AyeyeBrazo是的，同样的方法。在我之前的评论中，我包含了一个显示这一点的链接。@AyeyeBrazo“它对日期不起作用”是什么意思
console.log(JSON.stringify($scope.windows));

`<input ng-model="window.name">`