Prevent from dynamically changings with ng-model

Question

I have some fields to edit user' data. One of the field is also used in breadcrumb:

I use ng-model to bind all the fields:

...
<ol class="breadcrumb">
        <li><a href="#">Home</a></li>
        <li><a href="#">{{user.name}}</a></li>
        <li class="active">Profile</li>
        <li class="active">Edit</li>
    </ol>
    <hr>
    <form role="form" class="col-sm-2">
        <div class="input-group">
            <span class="input-group-addon">
            <span class="glyphicon glyphicon-user"></span>
            </span>
            <input type="text" ng-model="user.name" placeholder="Username" class="form-control">
        </div>
        <div class="input-group">
            <span class="input-group-addon">
            <span class="glyphicon glyphicon-user"></span>
            </span>
            <input type="text" ng-value="user.birthday" placeholder="Birthday" class="form-control">
        </div>
        <div class="input-group">
            <span class="input-group-addon">
            <span class="glyphicon glyphicon-user"></span>
            </span>
            <input type="text" ng-value="user.city" placeholder="City" class="form-control">
        </div>
        <button id="submit" ng-click="saveUser(user)" class="btn btn-success pull-right">Save</button>
    </form>
...

The problem and also the right behavior of ng-model changes the name value of breadcrumb on input updating: Is it possible to set value in breadcrumb as a static and prevent it from changing? The actual result I want to achieve:

Answer 1

Answer is that I should use one-time data-binding using :: on my li element in the breadcrumb like so:

<li><a href="#">{{::user.name}}</a></li>

It prevents data from future changing once it was rendered.