如何从外部(浏览器控制台)修改ng-model的值?

原网页代码如下:

   <html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="myApp" ng-controller="myCtrl">
    <p>名字 : <input type="text" ng-model="yourname"></p>
    <h1>Hello {{name}}</h1>
</div>

</body>
</html>

正常通过人工去输入框里面输入内容,下面可以正常显示”Hello 你输入的内容“。但是通过js设置document.getElementById('test').value='test',则不能显示 ”Hello test“。所以,我想知道有没有什么办法通过js来修改ng-model中yourname的值?

$scope.yourname="test"