无法访问范围变量在视图中

Question

我是新的angular.I无法访问范围变量在视图中。

控制器

$scope.getData = function (val) { 
     alert(val) 
     $scope.value= val; 
    } 

视图

<pre>{{value}}</pre> 

请人帮我

Answer 1

相同的代码工作DEMO

您可以使用ng-bind-html-unsafe指令来绑定html数据。

<div ng-controller="MyCtrl"> 
    <pre ng-bind-html-unsafe="value"></pre> 
</div> 

DEMO

Answer 2

HTML

<div ng-app="myApp" ng-controller="myCtrl"> 

    <div class="row"> 
     <div class="col-lg-2"><input type="text" ng-model="value" /></div> 
     <div class="col-lg-2"> <input type="button" value="GetData " ng-click="GetData('myNewValueProvidedFromHtml')" /></div> 

    </div> 


    <span ng-bind="value"></span> 
</div> 

角

var myApp = angular.module("myApp", []); 


myApp.controller('myCtrl', function ($scope) { 

    $scope.value = "my value"; 

    $scope.GetData = function (newValue) { 
     $scope.value = newValue; 

    } 


}); 

Answer 3

限定

$scope.values = {thisValue:value} 

则INT HTML

{{values.thisValue}} 

Answer 4

https://jsfiddle.net/robert07ravikumar/m3n450h1/

ANGULAR CODE

function MyController($scope) { 
    $scope.printName = function(name) { 
     $scope.namePrint = name; 
    }; 
} 

HTML代码

<div class="well" ng-controller="MyController"> 

    <button ng-click="printName('robert ravikumar')">print name</button> 

    <span>{{namePrint}}</span> 
    </div> 

将值赋给作用域变量（namePrint）并使用作用域变量的双括号将其显示在视图中