why the functionality not working when the model name is changed?

Question

I make a demo which is working fine .I will explain the demo I have one text field and button .Whatever user type on text field then after click button it show the text in pop up screen .when user write any thing on pop up screen and submit button press it display on screen

My Question that I take one model this ng-model="modaldata.passedValue" but when I take ng-model="passedValue" my functionality stop why ? I change every where is js also to passedValue instead of modaldata.passedValue Plunker http://plnkr.co/edit/PhXuubnDaYklqyoEdRtt?p=preview

here is code

  $scope.modalClick = function() {
      //alert($scope.modaldata.passedValue);
      textValue = $scope.modaldata.passedValue;
      $rootScope.$broadcast('modalSubmit', {
        modalText: $scope.modaldata.passedValue // send whatever you want
      });
            $modalInstance.dismiss('cancel');

    }

http://stackoverflow.com/questions/14049480/what-are-the-nuances-of-scope-prototypal-prototypical-inheritance-in-angularjs check this answer :) — Kalhan.Toress, Sep 10 '14 at 03:52

score 0 · Answer 1 · answered Sep 09 '14 at 23:53

0

This link might be of help:

`http://stackoverflow.com/questions/17606936/angularjs-dot-in-ng-model`

answered Sep 09 '14 at 23:53

ABOS

3,723
3
17
23

score 0 · Answer 2 · answered Sep 09 '14 at 23:54

0

You need to change all occurrences of $scope.modaldata.passedValue to $scope.passedValue in the controller as well.

answered Sep 09 '14 at 23:54

Steve Lang

539
4
8

i already changed ...but functionlity break please check plunker..and edit the plunker – Pallavi Sharma Sep 09 '14 at 23:55

why the functionality not working when the model name is changed?

2 Answers2