Javascript todo的一个简单应用程序，不向视图添加输入值

每次我的控制器在视图上添加新输入，但为空时，我希望它应该添加带有输入值的新输入

<div class="container">
    <h2>My todos</h2>

    <form ng-submit="addTodo()" role="form">
        <input type="text" ng-model="todo" value="Something" placeholder="Add">
        <input type="submit" value="Add">
    </form>

    <p class="form-group" ng-repeat="todo in todos">
        <input type="text" ng-model="todo" class="form-control">
    </p>

</div>

The above code has separate temple main.html and calling that code inside index.html 

     <div ng-include="'views/main.html'" ng-controller="MainCtrl"></div>

---

在左侧面板“框架和扩展”面板中将onDomReady更改为“无封装头”

另外，在模块调用中，您希望传递第二个参数，即包含所有模块依赖项的数组。在您的例子中，一个空数组[]

如果没有第二个参数，它假定您正在尝试扩展现有模块，而不是定义新模块

---

更新了你的提琴：

所以我解决了将控制器调用移动到main.html模板的问题，因为ng include模板不直接调用ng控制器，它应该使用$routeProvider或在模板内调用controller

修改后的代码如下所示：

---

ng controller=MainCtrl在main.html中移动

看起来不错，到底是什么不起作用了？@JoaoLeal看到这把小提琴了：@Mukesh，你的小提琴不起作用了。看见这很好用。您的问题是要忽略空TODO吗？是的，如果您查看控制台，您会发现您的小提琴没有加载角度模块。@user125661实际上，当我使用ng include=views/main.html包含html时，问题就存在了，my main由my template组成如果我使用ng include='views/main.html'加载模板并将todo添加到其返回空值，则my main.html包含我的todo{{{todos}控制器逻辑的其余部分可以修改问题以包含附加信息吗？或者为这个新问题创建一个新问题。

angular.module('mymailApp')
  .controller('MainCtrl', ['$scope', function ($scope) {

    $scope.todos = ['Item 1', 'Item 2', 'Item 3', 'Item 4'];

    $scope.addTodo = function(){
        $scope.todos.push($scope.todo);
        $scope.todo = "";
    };

  }]);

angular.module('mymailApp',[]).controller(...)