大佬教程收集整理的这篇文章主要介绍了使用ReactJS与AngularJS，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我的index.html如下：
<!DOCTYPE html>
<html data-ng-app="MyApp">
<head>
<title>My Test</title>
<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body data-ng-controller="Ctrl1">
<div id="myDiv">
<button id="btn1" data-ng-click="clickMe()">Click Me</button>
</div>
<script src="http://fb.me/react-0.8.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.8.0.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.js"></script>
<script type="text/jsx" src="reactExample.js"></script>
<script src="angularExample.js"></script>
</body>
</html>
这是我的reactExample.js的写法：
/**
* @jsx React.DOM
*/
var testMy = React.createClass({
render: function(){
return ( <p>Hello</p>)
}
});
而我的angularExample.js如下所示：
var myapp = angular.module('MyApp',[]);
myapp.controller('Ctrl1',['$scope',function($scope){
$scope.clickMe = function(){
alert("Clicked!");
React.renderComponent(testMy,elem[0]);
}
}]);
它不显示任何东西(除了警报)。我期望看到’Hello’打印在那里，但它在控制台中引发以下错误：
Error: Invariant Violation: prepareEnvironmentForDOM(...): Target container is not a DOM element
任何帮助将不胜感激。
从Facebook’s React vs AngularJS: A Closer Look博客
这个博客的底部使用React和AngularJS在一起，你可以看到角度和反应如何一起玩。
从react网站
在angularjs中，组件由指令呈现
看到这个plunker我在哪里集成anglejs并做出反应。
在react-example.js中，我创建了虚拟dom元素
var Hello = React.createClass({
render: function() {
return React.DOM.div({},'Hello ' + this.props.name);
}
});
而myMessage指令渲染虚拟dom
React.renderComponent(Hello({name: scope.myModel.message}),document.getElementById('example'));
以上是大佬教程为你收集整理的使用ReactJS与AngularJS全部内容，希望文章能够帮你解决使用ReactJS与AngularJS所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。