我正在尝试使用ui-codemirror，并具有以下代码：JSBin：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://codemirror.net/lib/codemirror.css">
<script src="https://code.jquery.com/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://codemirror.net/lib/codemirror.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-codemirror/0.3.0/ui-codemirror.js"></script>
</head>
<body ng-app="YourApp">
<div ng-controller="YourController">
<div ng-model='testCM3' ui-codemirror='{{option}}'></div>
{{option}}<br/>
<a href="#" ng-click="changeOption()">changeOption</a>
</div>
<script type="text/javascript">
angular.module('YourApp', ['ui.codemirror'])
.controller('YourController', ['$scope', function ($scope) {
$scope.option = "{ lineNumbers: true }"
$scope.testCM3 = "testCM3";
$scope.changeOption = function () {
if ($scope.option === "{ lineNumbers: true }") $scope.option = "{ lineNumbers: false }"
else $scope.option = "{ lineNumbers: true }"
}
}])
</script>
</body>
</html>
通过单击，changeOption我希望 lineNumbers 被隐藏/显示。我们可以看到option更改的值，但是 codemirror 没有更改。有谁知道我的代码有什么问题？