Question

52

AngularJS: read only input with ng-readonly

rated 0 times [ 57] [ 5] / answers: 1 / hits: 73736 / 11 Years ago, fri, january 3, 2014, 12:00:00

I have a weird problem with passing a boolean to a text. Here is jsfiddle

<div ng-app ng-controller=MainCtrl>

    <p>First Name:

    <input ng-model=first ng-readonly=true/>

    </p>

    <p>Last Name:

        <input ng-model=second ng-readonly={{truefalse}}/>

    </p>

</div>



function MainCtrl($scope) {

    $scope.first = Angular;

    $scope.second = JS;

    $scope.truefalse = true;

}

Can someone explain me why second field is still modifiable?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

grayson

Add To Favorites

Follow

Total Points: 36

Total Questions: 113

Total Answers: 95

Location: Tonga

Member since Fri, Aug 21, 2020

4 Years ago

grayson questions

1 js error : 'createObjectURL' on 'URL': Overload resolution failed.

Sat, Mar 26, 22, 00:00, 2 Years ago

1 Play/Pause video onScroll in Reactjs

Mon, Sep 14, 20, 00:00, 4 Years ago

1 React Hook useContext is called in function age which is neither a React function component or a custom React Hook function

Mon, Feb 3, 20, 00:00, 4 Years ago

1 Adding Square Brackets to JSON-Object

Fri, Feb 22, 19, 00:00, 5 Years ago

1 React: set State or set Prop without a Rerender

Sat, Feb 9, 19, 00:00, 5 Years ago

View All

answered 11 Years ago kiley · Accepted Answer

You need to pass your scope in ng-readonly without Braces.
And $scope.truefalse shouldn't be a string, so you don't need quotes.

<div ng-app ng-controller=MainCtrl>

    <p>First Name:

    <input ng-model=first ng-readonly=true/>

    </p>

    <p>Last Name:

        <input ng-model=second ng-readonly=truefalse/>

    </p>

</div>



function MainCtrl($scope) {

    $scope.first = Angular;

    $scope.second = JS;

    $scope.truefalse = true;

}