Javascript 如何调试ng模式

我正在使用

ng模式

为角度应用程序进行自定义表单验证

在我的表格中，我有：

<form name="jobsForm" id="jobs-form">
    <div jobs-form jobs="jobs">
        <div ng-form="jobsForm">
            <div class="form-group">
                <label for="source_path">Source Path:</label>
                <input type="text" class="form-control" name="source_path" id="source_path" ng-model="jobs.source_path" ng-pattern="path_regex" required>
                <span class="input-error" ng-show="jobsForm.source_path.$invalid.pattern">INVALID PATH</span>
            </div>
        </div>
    </div>
    <button type="submit" class="btn btn-primary-red" ng-click="submitJob()">Submit</button>
</form>

---

当我尝试它时，什么都不起作用。调试这个的最佳方法是什么？是否可以在中设置断点并检查我的值以查看

ng show

当然可以。如果您查看的angularJS文档，然后单击右上角的“查看源代码”，您将看到源代码。这个指令没有太多内容。搜索此代码：

ctrl.$validators.pattern = function(modelValue, viewValue) {
        // HTML5 pattern constraint validates the input value, so we validate the viewValue
        return ctrl.$isEmpty(viewValue) || isUndefined(regexp) || regexp.test(viewValue);
};

因此，您可以看到有一个函数被分配给模型控制器上的$validators数组。当数据更改时，将执行所有的$validator

---

现在转到chrome调试器的sources面板，在未缩小的angular.js文件中搜索其中一行代码。在同一个函数中放置一个断点，以确保正则表达式能够进行测试。

当然可以。如果您查看的angularJS文档，然后单击右上角的“查看源代码”，您将看到源代码。这个指令没有太多内容。搜索此代码：

ctrl.$validators.pattern = function(modelValue, viewValue) {
        // HTML5 pattern constraint validates the input value, so we validate the viewValue
        return ctrl.$isEmpty(viewValue) || isUndefined(regexp) || regexp.test(viewValue);
};

因此，您可以看到有一个函数被分配给模型控制器上的$validators数组。当数据更改时，将执行所有的$validator

---

现在转到chrome调试器的sources面板，在未缩小的angular.js文件中搜索其中一行代码。在同一个函数中设置断点，以确保正则表达式进入测试。

您保存了我的日期+1您保存了我的日期+1