angularjs - Why is this SVG's width not set with ng-attr-width? -


I have a very simple web page that I do not understand to try to isolate NG binding : 

  & lt; Html ng-app = "angularSVGTestApp" & gt; & Lt; Top & gt; & Lt; Title & gt; Angular SVG Test & lt; / Title & gt; & Lt; Style & gt; SVG {background color: aqua; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body ng-controller = "MainCtrl as main CTRL" & gt; & Lt; Div ng-cloak & gt; & Lt; Svg ng-show = "mainCtrl.svg.show" xmlns = "http://www.w3.org/2000/svg" baseprofile = "full" version = "1.1" ng-entry-width = "main CTRL Svg Width "ng-attr-height =" mainCtrl.svg.height "& gt; & Lt; / Svg & gt; & Lt; / Div & gt; & Lt; Script src = "/ script / angular.js" & gt; & Lt; / Script & gt; & Lt; Script & gt; Angular.module ('AngularSVGTestApp', []). Controller ('MainCtrl', ['$ http', function ($ http) {var self = this; self.svg = {show: true, width: 400, height: 400};}]); & Lt; / Script & gt; & Lt; / Body & gt; & Lt; / Html & gt;

(.)

I hope SVG is determined as the width and height of 400 as ng-attr-width = "MainCtrl.svg"

But they are not. When I use the browser development tool to inspect the SVG element, its size is 1054 x 931 (full screen in Chrome), 1520 x 281.6 ( Full screen in IE) or 300 x 150 (in)

Why do I bind the width and height of SVG from AngleJes?

ngistyle can be used to determine width and height, as comments suggest suggestions. To help write this, I am working to explain how it works (and why not your ng-attr-width ), and maybe ngStyle .

ngStyle is itself a. It adds a $ watchCollection to the ng-style attribute and based on CSS rules Adds.

No Instructions for ngAttrWidth , but if you want one, you can modify the element to modify $ for the relevant attribute Watch can make it much easier by adding it to be more relevant for SVG features which can not be taken from CSS (like path ).

Edit:

It appears that I was wrong about ng-atri-width , any Angular's argument is to modify properties for ng-attr -prefixed attributes. It works well if you always find that this instruction will be given the same quality.

If you do not know which features will be provided, issuing instructions is still an option. Here are examples to work with your style collection (directive codes are mostly mimicked and optimized in the corner):


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more