如何验证元素是 Angular js？

Question

我从 json 对象创建一个视图。我现在可以采取行动，我需要在 keyup 事件和 blur 事件上有效元素。所以我用谷歌搜索并找到了这个教程 http://scotch.io/tutorials/javascript/angularjs-form-validation

我尝试在我的演示中实现这个，但是当我使用这个时：

<p ng-show="userForm.name.$invalid && !userForm.name.$pristine"
    class="help-block">`Your name is required.</p>

这打破了我的看法，如果没有表格，你能告诉我如何以角度验证事物吗？

这是我的小伙伴：http://plnkr.co/edit/we1QHuDuCOOR4tDAk6yv?p=preview

  <script>
    function Controller($scope) {
    $scope.outputs = {};
    $scope.inputs = [{
        type: "email",
        name: "email",
        required:true
    }, {
        type: "text",
        name: "name",
    }, {
        type: "number",
        name: "phonenumber",
    }, {
        type: "checkbox",
        name: "whant to check",
    },
    {
        type: "url",
        name: "server Url",
    }];

}
  </script>

Answer 1

解决办法是使用ng-formlike

        <div ng-switch="input.type" ng-form="myfrm">
            <div ng-switch-when="text">
                <input type="text" ng-model="outputs[input.name]"/>
            </div>
            <div ng-switch-when="email">
                <input type="email" ng-model="outputs[input.name]" name="input" ng-required="input.required">
                <span ng-if="myfrm.input.$invalid">Please enter a valid email</span>
            </div>
            <div ng-switch-when="number">
                <input type="number" ng-model="outputs[input.name]"/>
            </div>
            <div ng-switch-when="url">
                <input type="number" ng-model="outputs[input.name]"/>
            </div>
            <div ng-switch-when="checkbox">
                <input type="checkbox" ng-model="outputs[input.name]" ng-checked="outputs[input.name]" value="outputs[input.name]"/>
            </div>
        </div>

演示：Plunker