Я пытаюсь использовать 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>
Вот как написано мое responseExample.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
Любая помощь будет высоко оценена.