角和WordPress集成

Question

i; m在WordPress内部的Angular进行简单集成，我加入角脚本：

function angular()
{ 
wp_enqueue_script('angular', get_template_directory_uri().'/assets/js/angular.min.js', array(), null, false);
}
add_action('wp_enqueue_scripts', 'angular');

，我将此代码粘贴到主题的页面。

<div ng-controller='MyController'>
<h1>Hello, {{ name }}!</h1>
<input type="text" ng-model="name">
</div>

角初始化

<script>
var app = angular.module('myApp', []);
app.controller('MyController', ['$scope', MyController]);
function MyController($scope) {
$scope.name = 'World';
}
</script>

蚂蚁返回

你好， {{name}}

Angular不启动

Answer 1

，因此您可以尝试以下步骤找出您的问题：

1. 如果加载了角度，请通过Webinspect工具(F12(检查。
2. 验证Angular AutoLoad指令已设置(NG-App =" MyApp"，https://docs.angularjs.org/api/ng/directive/ngapp(
(
3. 在WebinSpector JavaScript控制台中寻找错误